About Green Spice

Kode HTML CSS

Contoh Penggunaan Kode HTML
<div id="navcontainer"> <ul id="navlist"> <li id ​​= "active"> <a href="#" id="current"> Link satu </a> </li> <li> <a href="#"> Link dua </a> </li><li> <a href="#"> Link tiga </a></li><li><a href="#"> Link empat </a></li> <li><a href="#"> Link lima </a></li></ul> </div><br/><br/>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.