亚洲一区在线播放-欧美另类极品videosbest使用方法-亚洲成人av在线播放-黄色录像大片-色悠悠av-91欧美日韩-中文字幕偷拍-综合色婷婷一区二区亚洲欧美国产-一级爱爱片-黑人添美女bbb添高潮了-久久青娱乐-黄色一级视屏-美女国产在线-亚洲九九九九-欧美 日韩 国产 成人 在线观看-星空大象mv高清在线观看免费-国产福利合集-好吊色视频在线观看-尤物综合网-18岁成年人网站

html里導(dǎo)航菜單的一般做法

2016/9/9 8:41:10   閱讀:1694    發(fā)布者:1694

如上圖所示的導(dǎo)航要怎么編寫

<!DOCTYPE html> 
<html> 
<head> 
<title>導(dǎo)航欄的做法之一</title> 
<style> 
/*這是導(dǎo)航條****************************************************************************/ 
    /*容器是用來裝那個存放了a標簽的div*/ 
    .rongqi{ 
        background:#2C323B; 
        height:55px; 
        width:100%; 
        margin:80px 0px; 
    } 
    /*導(dǎo)航條里面各個a標簽的總寬度,當前是六個a的寬度,每個a寬度默認是200px*/ 
    #top{ 
        //border:solid #fff 1px; 
        margin:0px auto; 
        width:1200px; 
        height:55px; 
         
    } 
    /*hanghang是a標簽的class*/ 
    .hanghang{ 
        font-size:20px; 
        color:#DDDDDD; 
        text-align:center; 
        line-height:50px; 
        float:left; 
        width:200px; 
        height:55px; 
        margin-left:0px; 
        list-style-type:none; 
        background:#2C323B; 
        text-decoration:none; 
    } 
    .hanghang:hover{ 
        list-style-type:none; 
        color:#ffffff; 
        font-weight:800; 
        background:#0C8ED9; 
    } 
/*****************************************************************************這是導(dǎo)航條/     
</style> 
</head> 
<body> 
<!--這是導(dǎo)航條***************************************************************************--> 
    <div class="rongqi"> 
        <div id="top"> 
            <a class="hanghang" href="#">首頁</a> 
            <a class="hanghang" href="#">導(dǎo)航1</a> 
            <a class="hanghang" href="#">導(dǎo)航2</a> 
            <a class="hanghang" href="#">導(dǎo)航3</a> 
            <a class="hanghang" href="#">導(dǎo)航4</a> 
            <a class="hanghang" href="#">導(dǎo)航5</a> 
        </div> 
    </div> 
<!--***************************************************************************這是導(dǎo)航條--> 
</body> 
</html>
當然了,背景圖的變化我們也可以用自己喜歡的圖片,當鼠標Hover的時候就換一張背景圖background:url(圖片的Url路徑);
一樣可以做出很炫的效果。

 

主站蜘蛛池模板: 黄色三级三级三级三级 | www.激情.com | 日本五十路在线 | 女生高潮视频在线观看 | 国产极品美女在线 | 夜夜夜操操操 | 国产精品免费看久久久无码 | 成年人看片网站 | 国产xxxx | 熟妇人妻av无码一区二区三区 | 国产精品久久久久久亚洲影视 | 成人av男人的天堂 | 影音先锋国产精品 | 亚洲深夜av| 黄色香蕉网 | 97视频一区 | 男女互操在线观看 | 天堂av中文 | 在线观看第一页 | 黄色片网站在线免费观看 | 野花国产精品入口 | 三上悠亚激情av一区二区三区 | 亚洲a√ | 亚洲一卡二卡 | 剧情av在线 | 国产天堂av在线 | 大香蕉毛片 | 日韩欧美成人免费视频 | 韩国中文字幕hd久久精品 | 最新日韩av | 国产香蕉视频在线 | www日本高清视频 | 人人妻人人澡人人爽精品日本 | 无码人妻丰满熟妇区五十路 | 日韩天堂一区 | 日本三级理论片 | 国产理论视频在线观看 | 日韩欧美一区二 | 杏导航aⅴ福利网站 | 91视频xxx| аⅴ资源新版在线天堂 | jizz性欧美2| 操小妞 | 久久一级免费视频 | 日韩视频网| 中文av一区 | 亚洲图片自拍偷拍区 | 日韩欧美国产综合 | 琪琪色综合网 | 国产精品12区 | 青青操在线视频 | 成人动漫av在线 | 五月综合激情日本mⅴ | 九九九在线 | 波多野结衣人妻 | heyzo朝桐光一区二区 | 男女日皮视频 | 中文字幕88页 | 99精品视频播放 | 激情网站视频 | 一级特黄aa大片免费播放 | av动漫网| 色涩网站 | 完全免费在线视频 | 视频二区在线 | 影音先锋在线中文字幕 | 一区二区三区免费看视频 | 欧美一a一片一级一片 | 天堂av在线免费 | 国产拍拍拍拍拍拍拍拍拍拍拍拍拍 | 特黄三级| 在线观看中文字幕 | 亚洲第一区av | 欧洲一区在线观看 | 日韩成人性视频 | 亚洲色图二区 | 美女露胸无遮挡 | 国产精品亚洲第一 | 午夜激情在线播放 | 在线99热 | 免费毛片一级 | 美女啪啪网址 | 96av在线| 亚洲欧美激情在线 | 无码任你躁久久久久久久 | 大乳女喂男人吃奶视频 | 中文字幕一区二区视频 | 香蕉免费在线视频 | 91麻豆精品91久久久久同性 | 成人午夜电影网站 | 国产永久毛片 | 日韩成人在线播放 | 夜夜添无码一区二区三区 | 91在线免费网站 | 男女久久久 | 色综合激情网 | 国内自拍xxxx18 | 精品国产三级片在线观看 | 日韩精品一区二区三区丰满 |