Rumah >hujung hadapan web >tutorial css >Contoh mudah teknologi pintu gelangsar DIV+CSS_Pertukaran pengalaman

Contoh mudah teknologi pintu gelangsar DIV+CSS_Pertukaran pengalaman

WBOY
WBOYasal
2016-05-16 12:08:441491semak imbas

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:
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn