masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial css > DIV+CSS bar navigasi ringkas_Pertukaran pengalaman

DIV+CSS bar navigasi ringkas_Pertukaran pengalaman

WBOY

Lepaskan： 2016-05-16 12:10:20

asal

1317 orang telah melayarinya

Bar navigasi yang sangat mudah, letakkan di sini untuk kegunaan masa hadapan;

Kod adalah seperti berikut:

*{ padding:0; font-size:12px;宋体" , Arial; list-style:none;} /*Tentukan secara ringkas situasi global*/ a:link,a:visited{background:#FFF3C6 url(jaian.gif) no-repeat 15px 7px ; padding -left:23px; color:#000000;text-decoration: none;} a:hover,a:active{color:#000;text-decoration: none;background-color: #FED762;} a{display:block;border-bottom:1px pepejal #fff;lebar:127px; ; lebar:150px ; sempadan:1px pepejal #FF6600; jidar 20px -1px 20px; .gif) tiada ulangan 5px 5px; padding-left:13px;}

Salin kod

 Kod adalah seperti berikut:

Homepage

Diari saya

Tinggalkan saya mesej< /a>

Artikel emosi

Laman Utama

Log saya

Tinggalkan saya mesej< ;/a>

Artikel emosi<

Halaman kesan

<ul>
<span>Halaman utama</span>
 <li><a href="http://www.zishu.cn" target="_blank">Diari saya</a></li>
 <li><a href="http://www.zishu.cn" target="_blank">Tinggalkan mesej kepada saya</a></li>
 <li><a href="http://www.zishu.cn" target="_blank">Artikel emosi</a></li>
</ul>
<ul>
<span>Halaman utama</span>
 <li><a href="http://www.zishu.cn" target="_blank">Diari saya</a></li>
 <li><a href="http://www.zishu.cn" target="_blank">Tinggalkan mesej kepada saya</a></li>
 <li><a href="http://www.zishu.cn" target="_blank">Artikel emosi</a></li>
</ul>
<ul>
<span>Halaman utama</span>
 <li><a href="http://www.zishu.cn" target="_blank">Diari saya</a></li>
 <li><a href="http://www.zishu.cn" target="_blank">Tinggalkan mesej kepada saya</a></li>
 <li><a href="http://www.zishu.cn" target="_blank">Artikel emosi</a></li>
</ul>

[Ctrl+A untuk memilih semua Nota: Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semula untuk melaksanakan ]

Label berkaitan：

DIV+CSS 简单的导航条

sumber：php.cn

Artikel sebelumnya：Susun atur halaman dengan tag tersuai yang menarik_Pertukaran pengalaman Artikel seterusnya：Pertukaran Rekod_Pengalaman Peribadi Firefox CSS

Kenyataan Laman Web ini

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

Artikel terbaru oleh pengarang