首頁 > web前端 > css教學 > DIV+CSS 簡單的導航條_經驗交流

DIV+CSS 簡單的導航條_經驗交流

WBOY
發布: 2016-05-16 12:10:20
原創
1316 人瀏覽過

很簡單的導航條,放在這裡已方便以後用到;
ie7/ie7/Firefox都測試過了;沒有問題;

複製代碼 代碼如下:

*{ padding:0; margin:0; font-size:12px; line-height:1.7; font-family:Verdana, "宋體」 , Arial; list-style:none;}
/*簡單定義了一下全域*/
a:link,a:visited{background:#FFF3C6 url(jaian.gif) no-repeat 15px 7px; url(jaian.gif) no-repeat 15px 7px; url -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 solid #fff; padding-left:10px; width:127px; }
/*定義連結的樣式*/
ul{p10:0fff; ; border:1px solid #FF6600; margin:0px 20px -1px 20px; padding:1px;}
/*定義了UL*/

複製程式碼



複製程式碼





エフェクトページ

[Ctrl+A ですべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板