Mendesain Menu dengan CSS

Author: · Published: April 16, 2009 · Category: Internet dan Web, Pemrograman HTML, XML, 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="services.html">Services</a></li>
<li><a href="support.html">Suport</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
  • Services
  • Support
  • 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:

Download Tulisan Lengkap: triswan-menucss.pdf

Related Articles

  1. Meng-override Style di Aplikasi Web yang Dihasilkan oleh PHPMaker
  2. Menambahkan Menu Utama di Open Journal Systems
  3. Membuat Flyout Menu pada Android App menggunakan Xamarin
  4. Cara Membuat Tampilan Menu yang Disertai Animasi Flash Dalam Visual Basic Basic 6.0
  5. Membuat Backslide pada Website
  6. XAMARIN ANDROID: Bekerja Dengan Expandable ListView
  7. Membuat Form dengan Google Docs
  8. Membuat content web dengan Microsoft Word
  9. Mengenal Custom Templates di PHPMaker
  10. Membuat Form Melalui Google Docs
  11. Tata Cara Menggunakan Mendeley
  12. Generate UML dari Kode Java Menggunakan Netbeans
  13. Membuat Toko Online dengan WordPress
  14. Instalasi OS Menggunakan iDRAC
  15. Galeri Foto dengan HTML
  16. Analisa keruskan Monitor (Troubleshoting)
  17. Memasukkan dan Menghapus Artikel dari Daftar Profil Google Scholar
  18. Pemrograman Web dengan PHP dan MySQL
  19. Memberi Volume Label Flash Disk di Linux
  20. Menampilkan Menu Pengumuman di Open Journal Systems