97免费在线观看视频 I 午夜夫妻视频 I 久久久久久网站 I 天堂网男人 I 欧美大波大乳人奶 I 丝袜 中出 制服 人妻 美腿 I 窝窝午夜理论片影院 I 日韩在线伦理电影 I 韩国特级毛片 I 亚洲欧美另类激情 I 在线成人日韩 I 麻豆视频免费看 I 黄色生活毛片 I 极品一线天小嫩嫩真紧 I 色久天堂 I 久久久久久黄色片 I 林智妍三级露全乳电影视频 I 大肉大捧一进一出好爽视频 I 空乘伦理hd I 少妇口述与子做过爱 I 成人免费影片 I 国产精品国内免费一区二区三区 I 日韩制服一区 I 青青草福利在线 I 日本在线观看不卡视频 I 婷婷六月综合亚洲 I 国产又粗又黄又硬 I 美女扒开屁股让男子桶爽 I 欧美性午夜视频观看 I 欧美狠狠插 I 亚洲福利在线观看视频 I 无码抽搐高潮喷水流白浆 I 亚洲欧美国产日韩色伦 I 你懂的视频网站在线观看 I www.蜜桃视频在线观看 I 日本无码人妻精品一区二区蜜桃 I 久久中文字幕人妻丝袜 I 碰草在线视频 I 日韩精品成人av网站

html里導航菜單的一般做法

2016/9/9 8:41:10   閱讀:1696    發布者:1696

如上圖所示的導航要怎么編寫

<!DOCTYPE html> 
<html> 
<head> 
<title>導航欄的做法之一</title> 
<style> 
/*這是導航條****************************************************************************/ 
    /*容器是用來裝那個存放了a標簽的div*/ 
    .rongqi{ 
        background:#2C323B; 
        height:55px; 
        width:100%; 
        margin:80px 0px; 
    } 
    /*導航條里面各個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; 
    } 
/*****************************************************************************這是導航條/     
</style> 
</head> 
<body> 
<!--這是導航條***************************************************************************--> 
    <div class="rongqi"> 
        <div id="top"> 
            <a class="hanghang" href="#">首頁</a> 
            <a class="hanghang" href="#">導航1</a> 
            <a class="hanghang" href="#">導航2</a> 
            <a class="hanghang" href="#">導航3</a> 
            <a class="hanghang" href="#">導航4</a> 
            <a class="hanghang" href="#">導航5</a> 
        </div> 
    </div> 
<!--***************************************************************************這是導航條--> 
</body> 
</html>
當然了,背景圖的變化我們也可以用自己喜歡的圖片,當鼠標Hover的時候就換一張背景圖background:url(圖片的Url路徑);
一樣可以做出很炫的效果。

 

主站蜘蛛池模板: 久久久久久久久久久久av | 1717国产精品久久 | 狠狠躁天天躁中文字幕 | 色综合久久久久久 | 怡红院av亚洲一区二区三区h | 不卡视频在线观看免费 | 无码三级中文字幕在线观看 | 凹凸av在线| 成年人免费av | 精品国产无套在线观看 | 久久中文字幕人妻丝袜系列 | 免费国产人成网站x8x8 | 日本高清成本人视频一区 | 色玖玖| 国产色婷婷亚洲999精品网站 | 黑人干日本少妇 | 四虎国产视频 | 桃花综合久久久久久久久久网 | 无码人妻一区二区三区精品视频 | 国产精品久久久久无码人妻精品 | 蜜臀久久| 亚洲精品一线二线三线无人区 | 日韩精品无码免费专区网站 | 337p西西人体大胆瓣开下部 | 真人祼交二十三式视频 | 99久久久国产精品免费无卡顿 | 亚洲色大成网站www久久 | 91tv永久入口 | 狠狠精品久久久无码中文字幕 | 亚洲区一区二区三区 | 欧美一区二区在线视频 | 浪潮av激情高潮国产精品香港 | 丰满婷婷久久香蕉亚洲新区 | 亚洲夂夂婷婷色拍ww47 | 免费毛片一级 | 国产又粗又长又黄 | 亚洲精品无码久久久久去q 国产亚洲精久久久久久无码77777 | 久久久888 | 国产乱子伦视频大全亚琴影院 | av无码久久久久不卡网站下载 | 欧美在线a | 最近更新中文字幕 | 狠狠做深爱婷婷久久综合一区 | 少妇影院在线观看 | 狠狠操狠狠插 | 99久久综合狠狠综合久久止 | 91视频播放器 | 午夜激情免费视频 | 亚洲性视频在线 | 四虎永久在线高清国产精品 | 久久中文字幕亚洲精品最新 | 国产精品jizz在线观看美国 | 国产视频在线免费观看 | 久久国产精品2020免费 | 欧美成年人 | 极品魔鬼身材女神啪啪96 | 欧美黑人xxxx又粗又长 | 偷偷做久久久久网站 | 9re热国产这里只有精品 | 大伊香蕉精品视频在线直播 | 91久草视频 | 中文字幕久久精品一区二区三区 | 欧美影院久久 | 日日干夜夜操高清视频 | 日产精品卡二卡三卡四卡区满十八 | 日韩av在线影视 | 亚洲中久无码永久在线观看同 | 国产浮力第一页 | 日本视频在线观看 | 久久久久久网站 | 中文字幕一区二区在线视频 | 午夜好爽好舒服免费视频 | 海角社区在线视频播放观看 | 亚洲线精品一区二区三区影音先锋 | 色不卡| 99在线观看精品视频 | 青娱乐在线视频免费观看 | 久久精品一区二区视频 | 国产精品成人99久久久久 | 9999精品免费视频 | 又大又长粗又爽又黄少妇毛片 | 91第一页 | 亚洲人成77777在线播放网站 | 护士的奶头又大又白又好摸 | 欧美国产精品一区 | 国产亚洲第一区 | 四虎影院站长工具 | 免费特级黄毛片 | 狠狠爱天天操 | 久久97精品国产96久久小草 | 欧美视频一区二区在线观看 | 欧洲乱码伦视频免费国产 | 伊人久久大香线蕉综合bd高清 | 亚洲自拍第二页 | 欧美成人三级视频 | 色香欲天天天影视综合网 | 91网站免费在线观看 | 51福利国产在线观看午夜天堂 | 无码热综合无码色综合 |