Contoh mudah teknologi pintu gelangsar DIV+CSS_Pertukaran pengalaman

Penulis: zishu
Berikut ialah bar navigasi yang digunakan pada laman web KeQiji.

Apa yang saya tulis kali ini tidak dikawal secara langsung dalam bentuk ID dalam STYLE Semua menggunakan Borang KELAS ;

Salin kod Kod adalah seperti berikut: >

< style type="text/css">

#zishu li{ float: margin-left:5px; nav_a a:dilawati{text -decoration:none; display:block; background:url(/upload/20073614410846.gif) no-repeat right top;warna atas:#000; :left;}
.nav_a span{cursor:hand;background-color: #DBF0C4;fon-size:14px;background:url(/upload/20073614414862.gif) tiada ulangan; : 29px; padding-left: 10px; kursor: apungan: kiri; (/upload/20073614410846. gif) tiada ulangan di bahagian bawah kanan;margin-top:0px; color:#000}
.nav_a a:hover span -size:14px;background : url(/upload/20073614414862.gif) padding-top:1px; padding-bottom:2px; cursor:hand;}
#box{ background:#009900; overflow:hidden; >
Berikut ialah bahagian BADAN:

Salin kod

Kod adalah seperti berikut:

• Latihan Sambilan
• Jualan Kenderaan
• Aktiviti bandar yang sama
• Rumah untuk disewa dan dijual< ;/span>< /li>
• Melihat di bandar yang sama Yuan

Pasar Lambak

Perkhidmatan Peribadi

Pembelajaran dan LatihanLatihan< /span>< ;/li>

효과 표시:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>zishu.cn</title> <style type="text/css"> #zishu li{ float:left; margin-left:5px; margin-top:50px;} .nav_a a:link,.nav_a a:visited{text-decoration:none; display:block; padding-right:10px; background:url(/upload/20073614410846.gif) no-repeat right top;margin-top:3px; color:#000; float:left;} .nav_a span{cursor:hand;background-color: #DBF0C4; font-size:14px;background:url(/upload/20073614414862.gif) no-repeat; display:block; line-height:29px; padding-left:10px; cursor:hand; float:left;} .nav_a a:hover,.nav_a active{text-decoration:none; display:block; padding-right:10px; background:url(/upload/20073614410846.gif) no-repeat right bottom;margin-top:0px; color:#000} .nav_a a:hover span,.nav_a a:active span{background-color: #DBF0C4; font-size:14px;background: url(/upload/20073614414862.gif) no-repeat left bottom; display:block; line-height:29px; padding-left:10px; margin-top:0px; padding-top:1px; padding-bottom:2px; cursor:hand;} #box{ background:#009900; height:4px; overflow:hidden; clear:both} </style> <ul id="zishu"> <li class="nav_a"><a href="http://fenlei.zishu.cn/l.php?c=2104&a=21"><span></span></a></li> </ul>