communauté Apprendre Bibliothèque d'outils Loisirs

Français

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

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

WBOY

Libérer： 2016-05-16 12:08:15

original

2017 Les gens l'ont consulté

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="//m.sbmmt.com/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

Étiquettes associées：

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

source：php.cn

Article précédent：Tutoriel de mise en page DIV+CSS et téléchargement de livre électronique PDF_Échange d'expérience Article suivant：Notes d'étude sur les filtres en CSS3 (filtres statiques et filtres dynamiques)

Déclaration de ce site Web

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

Derniers articles par auteur