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. Personal Home Page
  2. Install Eclipse di Open Suse 12.1
  3. Menu IDE Delphi yang Tersembunyi
  4. Membangun Web Bisnis Dengan Frontpage 2000
  5. HTML Report dengan Delphi
  6. Analisa keruskan Monitor (Troubleshoting)
  7. HTML dan CSS
  8. Membuat Popup Menu dengan Visual Basic 6.0
  9. Konsep XML Web Services
  10. Menentukan Nilai RGB Warna dengan WhatColor
  11. Membuat Kuis Interaktif Dengan Flash 8.0
  12. Cara Membuat Tampilan Menu yang Disertai Animasi Flash dalam Visual Basic Basic 6.0
  13. Generate UML Dari Kode Java Menggunakan Netbeans
  14. Network Service Infrastructure For Transcoding Multimedia Streams
  15. Install Netbeans di Open Suse 12.1
  16. Cara Mudah Menciptakan Menu dan Toolbar pada Visual Basic.
  17. C++ : Scope Class
  18. Membuat Efektif Keyword
  19. WWW Mirroring dengan w3mir
  20. Search And Insert Problem (Sorted Double Linkedlist Solution)