Indonesia
Apakah Anda perlu menggunakan kode CSS untuk mensimulasikan navigasi situs web techweb? Efeknya hampir sama dengan aslinya!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css" > <!-- #siteNav { jelas: keduanya; float:kiri; lebar:750px; padding-kiri: 1px; latar belakang: #fff; -bawah:2px solid #84B0C7; keluarga suara: ""}""; keluarga suara: gaya daftar: tidak ada } #siteNav li { display:inline; margin:0; padding:0; } #siteNav a { float:left; background:url() tanpa pengulangan margin kiri:0; :none; } #siteNav a span { float:left; display:block; background:url() no-repeat right top; padding:5px 11px 4px 5px color:#036; -Mac */ #siteNav a span { float:none } /* Akhiri peretasan IE5-Mac */ #siteNav a:hover span { color:#036 } #siteNav a:hover { background-position:0% -42px ; } #siteNav a:hover span { posisi latar belakang:100% -42px; } #siteNav #sel a { posisi latar belakang:0% -42px; } #siteNav #sel a span { posisi latar belakang:100% -42px ; } --> </style> <title>Demo</title> </head> <body> <div id="siteNav"> <ul> <li id="sel"><a href="#" ><span>Beranda</span></a></li> <li><a href="#"><span>Informasi</span></a></li> <li><a href ="#"><span>Karakter</span></a></li> <li><a href="#"><span>Manajemen</span></a></li> <li ><a href="#"><span>Operasi</span></a></li> <li><a href="#"><span>Keuangan</span></a></ li> <li><a href="#"><span>Teknologi</span></a></li> <li><a href="#"><span>Produk</span></ a></li> <li><a href="#"><span>Jaringan</span></a></li> <li><a href="#"><span>Telekomunikasi</ li> span></a></li> <li><a href="#"><span>Komentar</span></a></li> <li><a href="#"> <span >Blog</span></a></li> <li><a href="#"><span>Teman</span></a></li> <li><a href= "# "><span>Gulir</span></a></li> <li><a href="#"><span>Telusuri</span></a></li> <li> <a href="#"><span>WAP</span></a></li> </ul> </div> </body> </html>
