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. Membuat content web dengan Microsoft Word
  3. Membuat Form dengan Google Docs
  4. Membuat Flyout Menu pada Android App menggunakan Xamarin
  5. Analisa keruskan Monitor (Troubleshoting)
  6. Menambahkan Menu Utama di Open Journal Systems
  7. Membuat Form Melalui Google Docs
  8. Menentukan Nilai RGB Warna dengan WhatColor
  9. Mudahnya Menginstall Windows Vista Home Premium
  10. Cara Membuat Tampilan Menu yang Disertai Animasi Flash Dalam Visual Basic Basic 6.0
  11. Games Sederhana dengan HTML5
  12. Menggunakan Client Side Object Model (CSOM) pada Sharepoint 2013
  13. Generate UML dari Kode Java Menggunakan Netbeans
  14. Kupas Tuntas CSS
  15. Kupas Tuntas HTML
  16. Membuat Profil di ORCID
  17. Membuat Backslide pada Website
  18. Menciptakan Menu Dan Toolbar pada Visual Basic
  19. Search And Insert Problem (Sorted Double Linkedlist Solution)
  20. Daftar 400 Free Directory