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. XAMARIN ANDROID: Bekerja Dengan Expandable ListView
  3. Analisa keruskan Monitor (Troubleshoting)
  4. Cara Membuat Tampilan Menu yang Disertai Animasi Flash Dalam Visual Basic Basic 6.0
  5. Membuat Flyout Menu pada Android App menggunakan Xamarin
  6. Cara Membuat Barcode dan QR Code
  7. Membuat Form dengan Google Docs
  8. Membuat Form Melalui Google Docs
  9. Menambahkan Menu Utama di Open Journal Systems
  10. Menggunakan Client Side Object Model (CSOM) pada Sharepoint 2013
  11. Tips Menyimpan File dengan Nama Kita
  12. Membuat content web dengan Microsoft Word
  13. Tata Cara Menggunakan Mendeley
  14. Galeri Foto dengan HTML
  15. Pemrograman Web dengan PHP dan MySQL
  16. FTP Upload dengan Delphi
  17. Program Kolom Koran Otomatis di Microsoft Word dengan Visual Basic Editor
  18. Proposal Digital
  19. Membuat Animasi pada Splash Screen Android App menggunakan Xamarin
  20. Generate UML dari Kode Java Menggunakan Netbeans