Komputer, Lunak
Carane nggawe gulung-mudhun menu CSS
Dina iki kita bakal nimbang pitakonan saka "Pripun nggawe gulung-mudhun menu CSS?". Sampeyan ngirim ngomong bebarengan yen item iki digawe tanpa nyambungake sembarang dana tambahan. Sing, menu bakal digawe mung karo CSS lan HTML.
training
Mangertos apa ing ing artikel, sampeyan butuh dicokot sethitik kanggo njaluk kenalan karo materi teori. Nanging yen sampeyan sing menowo pseudo-kelas, sampeyan bisa nglumpati paragraf iki. Dadi, kanggo nggawe gulung-mudhun vertikal CSS menu, kita kudu unsur minangka «: kisaran». The pseudo «: kisaran» bisa diutus marang tag HTML. Nanging ngidini sampeyan kanggo netepake wayahe nalika item Kisaran mouse. Contone, kita wis diangkat property: «a: kisaran {werna: abang;}». Iki entri iki tegese nalika sampeyan kisaran ing mouse dadi abang ing isi sembarang tag . Iku worth kang lagi nyimak sing iki pseudo-unsur uga diinaktivasi. Miturut cara, «: kisaran» wis related unsur padha. Nanging saka iki kita bakal nggawe menu gulung-mudhun pseudo CSS.
instruction
Pisanan, ayo kang ngerti apa sing menu gulung-mudhun. Ing dhéfinisi iki nemu akèh macem-macem cara mbangun noto beda. Ing kasus iki, kita bakal njelasno struktur dumadi saka sawetara item saya katon lan saperangan tambahan (didhelikake). Ayo dadi rampung karo teori lan miwiti laku.
- We nggawe tata letak menu kita. Kanggo nindakake iki, HTML-kode Labeling. Nggawe dhaftar ketik teks utawa:
-
- < / ul>. Kaya iki kudu katon kaya menu gulung-mudhun Panjenengan. CSS kanggo ngalangi mengko. Ing kasus iki dhaftar utama kasusun saka telung wilayah utama lan rong terlampir.
- Singidaken sub-menu. Kanggo iki digunakake stylesheet a, netepake sifat iki: ul ul {tampilan: ora ana;} iki bakal mbusak unsur dhaftar liya saka layar.
- Nggawe menu CSS, nyelehake mudhun saka dhaftar utama. Gaya runtun sheets nulis aturan ing ngisor iki: ul li: kisaran ul {tampilan: pemblokiran;}. Iki entri iki tegese nalika mouse liwat li unsur, kang dumunung ing dhaftar ul katon ing ul layar (ditempelake). Ing kawitan marketing, rencana kuwi uga koyone rumit lan bingung. Nanging nyatane, kabeh iku banget prasaja.
- Gunakake tata iki dhewe dening nambahi tags
- isi. Sampeyan bisa ngganti nomer dhaftar unsur.
owah-owahan hiasan
Sanalika tata letak menu utama siap, sampeyan bisa nerusake kanggo Pendhaftaran. Mbokmenawa, akeh ing Panggonan pisanan gelem njaluk nyisihaken saka pelaku nuduhake item dhaftar. Iki wis rampung kanthi nggunakake CSS property siji, yaiku dhaptar-gaya-jinis. Sampeyan kudu nambahake entri ing ngisor iki: li {dhaftar-gaya-jinis: ora ana;}. Banjur sampeyan bisa masang pigura lan nggawe latar mburi. Ing tapel wates lan latar mburi mbantu karo iki. Mbok sawetara ora kaya menu narik-mudhun bakal katon minangka dhaftar tambahan, meksa nindakake perkara ing unsur dhasar sing padha. Kanggo ndandani iki, sampeyan bisa posisi iku. Kanggo nindakake iki, gaya runtun sheets nulis entri ing ngisor iki: ul ul {posisi: Absolute; kiwa: 15px; tengen: 15px; top: 15px; ngisor: 15px;}. Mesthi, angka sing bakal digunakake dhewe. Gumantung ing ngendi sampeyan pengin ndeleng menu gulung-mudhun, CSS bakal kurban luwih akeh fitur sing bisa nambah macem-macem efek lan dekorasi dhaptar kita.
kesimpulan
Sawise maneh iku worth kang lagi nyimak construction saka tata letak menu. Kanggo nemtokake aturan CSS digunakake ing cilik ditempelake iki nilai, contone, ul ul. Yen sampeyan ana ing document kanggo ketemu struktur liyane padha, ana uga masalah amba. Ing kahanan iki, sampeyan kudu nggunakake tujuan tartamtu, contone, selectors utawa id-ID. Ing menu gulung-mudhun tata artikel ndhuwur dibangun kanggo familiarize desain umum. Liyane saka karya dumateng ing pundak.
Similar articles
Trending Now