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无码中文字幕 | 永久免费a级在线视频 | 亚洲愉拍二区一区三区 | 69精品久久久久久久 | 蜜臀98精品国产免费观看 | 国产精品爆乳在线播放 | 亚洲免费视频观看 | 亚洲a∨精品无码一区二区 亚洲精品亚洲人成在线观看麻豆 | 精品国产综合区久久久久久 | 香蕉黄色一级片 | 中文字幕免费一区 | 国产综合人综合 | 国产真实生活伦对白 | 亚洲精品嫩草研究院久久 | 精品久久久久久中文字幕大豆网 | 日韩av网站在线 | 国产精品久久久一区二区三区 | 天堂va欧美va亚洲va好看va | 91精品久久久久久久久不卡 | 日韩区欧美久久久无人区 | 无码人妻精品一区二区三区不卡 | 特大黑人娇小亚洲女喉交 | a在线免费| 免费国产午夜视频在线观看 | 国产自偷亚洲精品页65页 | 日本免费aaa观看 | 亚洲精品无码久久久久久 | 8x8x成人免费 | 国产成人精品免高潮费视频 | 日韩中文字幕在线观看 | 久草中文在线观看 | 伊人狼人久久 | 九九精品无码专区免费 | 欧美日本高清视频 | 黄色精品视频 | 九九热在线观看视频 | 国产喷水吹潮视频www | 国产妇女馒头高清泬20p多 | 天堂√在线中文最新版8 | 老女人色黄大片 | 日本一区二区网站 | 午夜精品久久久久久久久久久久久 | 色噜噜狠狠色综合欧洲 | 欧美大胆少妇bbw | 国产美女脱的黄的全免视频 | 国产成人年无码av片在线观看 | 国产精品色在线网站 | 亚洲成a人片77777精品 | 一本色道久久综合亚洲高 | 亚洲色成人网站www永久小说 | 日韩欧美在线视频 | 亚洲第一页在线视频 | 亚洲春色cameltoe一区 | 国产精品成人av片免费看 | 午夜激情亚洲 | 一级特黄录像免费观看 | 强被迫伦姧惨叫人妻系列 | 欧美综合乱图图区乱图图区 | 国产成人无码a区视频在线观看 | 最新不卡av | 最新国产成人ab网站 | 隔壁老王国产在线精品 | 在线播放ww | 曰韩无码二三区中文字幕 | 亚洲熟妇色xxxxx亚洲 | 小视频在线观看 | 国产一卡二卡3卡四卡无卡国色 | 欧美熟妇喷潮xxxx | 成在人线av无码免费高潮水老板 | 麻豆自媒体 一区 二区 | 鸭子tv国产在线永久播放 | 一级久久| 久热re这里精品视频在线6 | 国产精品久久久久久久久久东京 | 国产精品久久一区 | 久草a在线| 日皮视频免费观看 | 亚洲免费资源 | 女女同性av片在线播放免费 | 尹人香蕉久久99天天拍欧美p7 | 91狠狠干 | 久久亚洲综合国产精品99麻豆的功能介绍 | 北条麻妃一区二区免费播放 | 91网站在线观看免费 | 97在线超碰 | 亚洲精品人成网线在播放va | 自拍偷拍三级 | 少妇被多人c夜夜爽爽 | 国产成人夜色高潮福利影视 | 日本欧美久久久久免费播放网 | 久久久噜久噜久久综合 | 永久免费看啪啪网址入口 | 四虎国产精品永久入口 | jzzijzzij日本成熟丰满 | 亚洲国产一区二区三区在观看 | 成人免费av网站 | 伊人久久久久久久久久久久久久 | 女明星黄网站色视频免费国产 |