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

WBOYasal: 2016-05-16 12:08:152056semak imbas

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="/article/23421.htm" title="查看具体详情" target="_blank">Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semulanya untuk melaksanakan </a>]</ul></div>
<br> Pengarang: zishu

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

Artikel sebelumnya：Tutorial susun atur DIV+CSS dan muat turun e-buku pdf_Pertukaran pengalamanArtikel seterusnya：Tutorial susun atur DIV+CSS dan muat turun e-buku pdf_Pertukaran pengalaman

Artikel berkaitan

Lihat lagi