Kode Html dan css Menu horizontal
Menu horizontal
Kode HTML CSS
Contoh Penggunaan Kode HTML
CONTOH CSS
#navcontainer{background:#f0e7d7;margin:0 auto;
padding:1em 0 0 0;
font-family:georgia,serif;
text-transform:lowercase;
}
#navcontainer:after{
content:".";display:block;
line-height:1px;font-size:1px;
clear:both;}
ul#navlist{list-style:none;
padding:0;margin:0 auto;
width:80%;font-size:0.8em;}
ul#navlist li{display:block;
float:left;width:15%;
margin:0;padding:0;}
ul#navlist li a{display:block;
width:100%;
padding:0.5em;
border-width:1px;
border-color:#ffe#aaab9c#ccc#fff;
border-style:solid;
color:#777;text-decoration:none;
background:#f7f2ea;}
#navcontainer>ul#navlist li a{width:auto;}
ul#navlist li#active a{background:#f0e7d7;color:#800000;}
ul#navlist li a:hover,ul#navlist li#active a:hover{color:#800000;
background:transparent;
border-color:#aaab9c#fff#fff#ccc;}
TENTANG KODE
Beberapa daftar dalam situs Listamatic harus dimodifikasi sehingga mereka bisa bekerja pada daftar model sederhana Html css ini.Jika ragu, gunakan sumber daya eksternal pertama, atau setidaknya membandingkan kedua model untuk melihat mana yang sesuai dengan kebutuhan Anda.
