Tampilkan postingan dengan label cara membuat menu dengan css. Tampilkan semua postingan
Tampilkan postingan dengan label cara membuat menu dengan css. Tampilkan semua postingan

Mendesain Menu Horizontal dengan CSS

  • ..


Perbedaan menu vertikal dengan horizontal adalah:
· Lebarnya jauh lebih lebar dari menu vertikal
· Teks nya berada di tengah
· Setiap elemen berada di sisi elemen lainnya, bukan di bawah elemen lainnya.

Untuk mendesain menu horizontal, kita hanya tinggal memodifikasi beberapa kode CSS dari
menu Vertikal. Kode yang harus dimodifikasi adalah
Baca selengkapnya »

Mendesain Menu Vertikal dengan CSS

  • ..


Mendesain Menu (Vertikal) dengan CSS

Untuk mendesain menu dengan CSS kita memerlukan daftar menu yang dibuat dengan HTML.
Tag HTML yang digunakan untuk membuat menu adalah ul. Di bawah ini adalah kode HTML
dari menu yang akan didesain oleh CSS.

<ul>
<li><a href="/">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>

Kode tersebut akan menghasilkan tampilan sbb:

  • Home
  • About Us
  • Contact Us
Untuk mendesain menu tersebut kita harus memberi id terlebih dahulu untuk membedakan
dengan daftar ul yang lain, sehingga kode di atas menjadi sbb:
Baca selengkapnya »