Maison > Article > interface Web > Un effet de barre de navigation relativement bel échange DIV+CSS_Experience

Un effet de barre de navigation relativement bel échange DIV+CSS_Experience

WBOYoriginal: 2016-05-16 12:08:151969parcourir

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 Tout sélectionner Remarque : <a href="/article/23421.htm" title="查看具体详情" target="_blank">Si vous devez introduire des J externes, vous devez l'actualiser pour l'exécuter </a>]</ul></div>
<br> Auteur : zishu

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Tutoriel de mise en page DIV+CSS et téléchargement de livre électronique PDF_Échange d'expérienceArticle suivant：Tutoriel de mise en page DIV+CSS et téléchargement de livre électronique PDF_Échange d'expérience

Articles Liés

Voir plus