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一二三区| 国产一区网址 | 亚洲国产精品日本无码网站 | 久久综合给合久久97色 | 在线中文字幕亚洲日韩2020 | 成人久久久精品乱码一区二区三区 | 中文字幕奈奈美被公侵犯 | 亚洲图片视频在线观看 | 久久月本道色综合久久 | 欧美亚洲日本国产黑白配 | 国产精品色拉拉 | 日韩天天| 精品人妻无码区在线视频 | 日韩av无码久久一区二区 | 国产精品第一国产精品 | 久久久久欧美精品观看 | 国产精品久久久久久久久久久不卡 | 色噜噜狠狠爱综合视频 | 国产怡红院在线观看 | 日本高清视频在线 | 激情综合激情五月 | 亚洲片在线 | 尤物在线视频 | 夜夜导航 | 亚洲成人激情小说 | 欧美三级欧美一级 | 国产手机在线视频 | 亚洲成人经典 | 欧美日韩在线视频免费观看 | 欧美日韩在线精品 | 中文字幕无线乱码人妻 | 亚洲色欧美在线影院 | 国产精品女主播主要上线 | 激情丁香六月 | 天天色天天射天天操 | aaa亚洲精品一二三区 | 最新黄色在线 | 亚洲免费中文字幕 | 吃奶摸下激烈床震视频试看 | 国产亚洲情侣一区二区无码av | 99在线观看 | 97国产精品亚洲精品 | 极品无码国模国产在线观看 | 欧美成年性h版影视中文字幕 | 亚洲精品区 | 色偷偷av一区二区三区 | 欧美亚洲精品一区二区在线观看 | 日本理论片在线播放 | 一本色道久久88一综合免费 | 亚洲欧洲一区 | 国产激情无码视频在线播放性色 | 美女扒开腿让男人桶爽久久软件 | 中文字幕高清在线观看 | 在线久久 | www.91色.com| 91免费视频网站 | 久久精品欧美一区二区 | 99久久99久久免费精品蜜桃 | 精品国产一区二区三区在线观看 | 处破痛哭a√18成年片免费 | 超碰一区| 黄色一极视频 | 午夜影院免费观看 | 国产大片黄在线观看私人影院 | 免费无码毛片一区二区三区a片 | 四虎亚洲精品高清在线观看 | cao在线视频 | 日本加勒比一区 | 伊人久久香 | 四虎国产精品永久在线无码 | 天天爱天天做天天爽夜夜揉 | 乱中年女人伦av三区 | 日本高清色www网站色噜噜噜 | 怡红院av亚洲一区二区三区h | 国产精品久久久久久久久免费看 | 四虎影院在线播放 | 亚洲狠狠色成人综合网 | 日韩精品久久久免费观看 | 99国内精品久久久久久久 | 18国产精品福利片久久婷 | 中文字幕91视频 | 白嫩少妇bbwbbw撒尿 | 国产精品爽爽久久久久久 | 国外av片免费看一区二区三区 | 亚洲一区在线视频观看 | 国产亚洲激情 | 人人爽人人 | 7777精品伊久久久大香线蕉软件的特点 | 超碰官网 | 国产成人免费片在线观看 | 青青色在线观看 | 91视频网 | 亚洲精品无码高潮喷水在线 | 成人午夜av |