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.