Tutorial Css Navbar ( Navigation ) Horizontal -->

Tutorial Css Navbar ( Navigation ) Horizontal

Advertisement



Advertisement

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 ) .

https://www.bloghafid.com/search/label/css

Advertisement


Advertisement
LihatTutupKomentar