Tutorial Css Navbar ( Navigation ) Horizontal

Tutorial Css Navbar ( Navigation ) Horizontal

Jika anda belum mengetahui apa itu navbar, silahkan lihat elemen blog saya yang ada di atas sendiri yang berwarna biru dan dan mempunyai dropdown merah. Elemen itulah yang disebut navbar ( Navigation ) .

Navigasi berbagi Informasi
Tampilan Navigation
1. Tuliskan kode html dan css berikut, simpan dengan nama lat_html_nav.html .




2. Jalankan melalui http server( apache ) atau langsung jalankan dari file lat_html_nav.html yang sudah ditulis .

3. Hasil, Akan tampak seperti gambar berikut :

Navbar preview
navbar preview


Penjelasan :
-  list-style-type: none; -> menghilangkan style type unordered list ( bulat kecil atau kotak kecil  )
- display-inline : Pelajari di Pengertian CSS Display (Block, None, Inline ) .

http://hafid-it.blogspot.com/search/label/css



Selanjutnya
« Sebelumnya
Sebelumnya
Post Selenjutnya »
Please enable Javascript![ ? ]