masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial css > Kesan bar navigasi yang agak cantik DIV+CSS_Experience exchange

Kesan bar navigasi yang agak cantik DIV+CSS_Experience exchange

WBOY

Lepaskan： 2016-05-16 12:08:15

asal

2016 orang telah melayarinya

Kesan bar navigasi DIV+CSS
Kini digunakan pada tapak web Keqiji!

Salin kod Kodnya adalah seperti berikut:

div id= "info">

Carpooling ke dan dari tempat kerja

Pertukaran bahasa< li>

ujian

Mencari kerja
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Mencari rumah</title>
<style>   
* {margin:0; padding:0; list-style:none;}   
body{font-size:12px; margin:100px;}   
#info{border:1px solid #BCFF1D; width:348px; background:#D6FF8C url(/upload/200732411541374.gif) no-repeat left top;  float:left; }   
#info ul{ margin:5px;width:338px}   
#info li{ width:33%; height:40px; float:left;}   
#info li a{ font-size:12px; font-weight:normal; line-height:35px; display:block;color:#000; text-decoration:none; padding-left:40px;background:url(/upload/200732411542811.gif) no-repeat;}   
#info li a:link,#info li a:visited{background-position:center top}   
#info li a:hover,#info li a:active{background-position:center bottom}   
</style>
    Jual beli basikal<div id="info"><ul>
    <li>Bawa kereta untuk cari kerja<li><a href="" target="_blank">
    </a></li>Carpool pergi dan balik kerja<li><a href="" target="_blank">
    </a></li>Pertukaran Kemahiran<li><a href="" target="_blank">
    </a></li>Pertukaran Item<li><a href="" target="_blank">
    </a></li>Pertukaran bahasa<li>
<a href="" target="_blank">
  </a>
</li>

<br><input onclick="runEx('runcode45525')" type="button" value="运行代码"> <input onclick="doCopy('runcode45525')" type="button" value="复制代码"> <input onclick="doSave(runcode45525)" type="button" value="保存代码">[Ctrl+A Pilih semua Nota: <a href="//m.sbmmt.com/article/23421.htm" title="查看具体详情" target="_blank">Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semulanya untuk melaksanakan </a>]</ul></div>
<br> Pengarang: zishu

Label berkaitan：

比较漂亮的一个导航条的效果DIV+CSS

sumber：php.cn

Artikel sebelumnya：Tutorial susun atur DIV+CSS dan muat turun e-buku pdf_Pertukaran pengalaman Artikel seterusnya：Nota kajian tentang penapis dalam CSS3 (penapis statik dan penapis dinamik)

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