Cara Membuat Navigasi Menu Horizontal, PusatPengetahuan.com - Kali ini admin akan membagikan informasi bagaimana cara membuat navigasi menu horizontal secara sederhana.
Sebelum memulainya mari kita siapkan dahulu beberapa file yang dibutuhkan yaitu :
Pertama buat file dengan nama index.html kemudian isikan kode di bawah ini ke dalam file index.html tadi :
Sehingga secara keseluruhan kodenya seperti di bawah ini.
 |
| Navigasi Horizontal |
1. index.htmlUntuk nama file tersebut bisa disesuaikan dengan keinginan kalian.
2. style.css
Pertama buat file dengan nama index.html kemudian isikan kode di bawah ini ke dalam file index.html tadi :
<html>Setelah itu buat file dengan nama style.css kemudian isikan kode di bawah ini ke dalam file style.css tadi :
<head>
<title>Latihan Menu Navigasi</title>
</head>
<body>
<ul id="navigasi">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</body>
</html>
#navigasi li{ list-style:none;}#navigasi li a{ float:left; text-decoration:none; background:#20A914; padding:10px; color:#FFF}#navigasi li a:hover{ background:#A9A114;}
Sehingga secara keseluruhan kodenya seperti di bawah ini.
0 Comment to "Cara Membuat Navigasi Menu Horizontal"
Posting Komentar
Note :
► Dilarang berkomentar dengan link aktif.✔
► Berkomentarlah sesuai dengan artikel di atas.✔
► Berkomentarlah dengan kata-kata yang sopan.✔