ภาษาไทย
คุณจำเป็นต้องใช้โค้ด CSS เพื่อจำลองการนำทางเว็บไซต์ techweb หรือไม่? เอฟเฟกต์เกือบจะเหมือนกับของจริง!
<!DOCTYPE html สาธารณะ "-//W3C//DTD XHTML 1.0 การเปลี่ยนผ่าน//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 { ชัดเจน: ทั้งสอง; float:left; padding-left: 1px; -bottom:2px solid #84B0C7; ตระกูลเสียง: สืบทอด; ความกว้าง: 749px; #siteNav li { display:inline; padding:0; } #siteNav; พื้นหลัง:url() ไม่ซ้ำขอบซ้าย:0 0 4px; :none; } #siteNav a span { float:left; display:block; background:url() no-repeat right top; -Mac */ #siteNav a span { float:none } /* สิ้นสุดการแฮ็ก IE5-Mac */ #siteNav a:hover span { color:#036; } #siteNav a:hover { background-position:0% -42px ; } #siteNav a:hover span { พื้นหลังตำแหน่ง:100% -42px; } #siteNav #sel a { พื้นหลังตำแหน่ง:0% -42px; } #siteNav #sel a span { พื้นหลังตำแหน่ง:100% -42px ; } --> </style> <title>สาธิต</title> </head> <body> <div id="siteNav"> <ul> <li id="sel"><a href="#" ><span>หน้าแรก</span></a></li> <li><a href="#"><span>ข้อมูล</span></a></li> <li><a href ="#"><span>ตัวละคร</span></a></li> <li><a href="#"><span>การจัดการ</span></a></li> <li ><a href="#"><span>การดำเนินงาน</span></a></li> <li><a href="#"><span>การเงิน</span></a></ li> <li><a href="#"><span>เทคโนโลยี</span></a></li> <li><a href="#"><span>ผลิตภัณฑ์</span></ a></li> <li><a href="#"><span>เครือข่าย</span></a></li> <li><a href="#"><span>โทรคมนาคม</ li> span></a></li> <li><a href="#"><span>ความคิดเห็น</span></a></li> <li><a href="#"> <span >บล็อก</span></a></li> <li><a href="#"><span>เพื่อน</span></a></li> <li><a href= "# "><span>เลื่อน</span></a></li> <li><a href="#"><span>ค้นหา</span></a></li> <li> <a href="#"><span>WAP</span></a></li> </ul> </div> </body> </html>
