免费人妻精品一区二区三区-人人玩人人添人人澡东莞-很黄很色很污18禁免费-视频一区二区三区四区五区-久久99精品久久久久久9-国产97色在线 | 国-伊人七七-已婚少妇美妙人妻系列-欧美俄罗斯乱妇-奇米在线-国产精品99久久精品爆乳-欧美精品乱码视频一二专区-又大又爽又黄无码a片-粉嫩绯色av一区二区在线观看-国产爆乳无码av在线播放

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

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

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

<!DOCTYPE html> 
<html> 
<head> 
<title>導(dǎo)航欄的做法之一</title> 
<style> 
/*這是導(dǎo)航條****************************************************************************/ 
    /*容器是用來裝那個存放了a標(biāo)簽的div*/ 
    .rongqi{ 
        background:#2C323B; 
        height:55px; 
        width:100%; 
        margin:80px 0px; 
    } 
    /*導(dǎo)航條里面各個a標(biāo)簽的總寬度,當(dāng)前是六個a的寬度,每個a寬度默認(rèn)是200px*/ 
    #top{ 
        //border:solid #fff 1px; 
        margin:0px auto; 
        width:1200px; 
        height:55px; 
         
    } 
    /*hanghang是a標(biāo)簽的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>
當(dāng)然了,背景圖的變化我們也可以用自己喜歡的圖片,當(dāng)鼠標(biāo)Hover的時候就換一張背景圖background:url(圖片的Url路徑);
一樣可以做出很炫的效果。

 

主站蜘蛛池模板: 国产农村毛卡片 | 精品国产aⅴ麻豆 | 玩中年熟妇让你爽视频 | avt天堂网 | 黄色免费网站在线 | 欧美阿v高清资源在线 | 中文字幕av在线免费观看 | 狠狠色丁香婷婷久久综合五月 | 99精品久久毛片a片 特黄做受又粗又长又大又硬 | 久久鲁视频 | 天天色av| 视频在线 | 婷婷的五月 | 国产久一 | 日本做爰三级床戏 | 日日撸夜夜操 | 国产国拍亚洲精品永久软件 | 国模无码大尺度一区二区三区 | 依人在线 | 茄子香蕉视频 | 女人夜夜春 | 丁香花五月 | 一级久久久久 | 国产亚洲精品久久久久久老妇 | www.夜夜 | 欧美成人激情视频 | 一级做a爰片毛片 | 高清无码h版动漫在线观看 日韩a∨ | 国产真实伦在线观看视频 | 黄色一级视频免费观看 | 麻豆成人久久精品二区三区免费 | 永久免费无码成人网站 | 一区一区三区产品乱码亚洲 | 国产做无码视频在线观看浪潮 | 黄色大片在线播放 | 国产www视频 | 久久久久久久久久久影院 | 亚洲精品一区二区另类图片 | 国产一在线精品一区在线观看 | 真人啪啪高潮喷水呻吟无遮挡 | 国产亚洲精品久久777777 | 日本精品视频在线 | 成人网在线看 | 人妻无码aⅴ不卡中文字幕 国产精品偷啪在线观看 | www黄色网址 | 你懂的欧美 | 日本天堂在线视频 | 国产高清视频在线免费观看 | 又黄又爽又色的视频 | 天天色天天操天天射 | 老鸭窝久久 | 成人无遮挡裸免费视频在线观看 | 熟妇人妻系列aⅴ无码专区友真希 | 免费av网址大全 | 国产激情无码一区二区app | 国产成人免费无庶挡视频 | 久久精品岛国av一区二区无码 | 中文字幕婷婷 | 成人亚洲欧美丁香在线观看 | 欧美福利一区 | 国产自偷在线拍精品热 | 亚洲国产婷婷六月丁香 | 天天艹天天 | 美女扒开奶罩露出奶头视频网站 | 久久久久亚洲精品国产 | 国产av无码专区影视 | 18禁裸体女免费观看 | 国产成人精品久久二区二区91 | 久久人搡人人玩人妻精品 | 国产电影无码午夜在线播放 | 丁香婷婷九月 | 福利亚洲 | 亚洲午夜久久久久久久久 | 超碰伊人久久大香线蕉综合 | 色哟哟免费 | 国产精品亚洲专区无码牛牛 | 亚洲欧美国产精品无码中文字 | 免费大片av手机看片不卡 | 国产欧美一区二区三区精华液好吗 | 精品影片在线观看的网站 | 久久av综合 | av色图在线 | 激情文学88| 蜜臀亚洲精品国产aⅴ综合第一 | 无码午夜成人1000部免费视频 | 国产午夜精品视频 | 免费毛片手机在线播放 | 成年女人免费视频播放体验区 | 亚洲 自拍 另类 欧美 综合 | 久久99精品免费一区二区 | 综合网婷婷 | 色一情一乱一伦一区二区三区四区 | 亚洲成人精品一区二区三区 | 国产乱码精品一区二区三区五月婷 | 大乳丰满人妻中文字幕日本 | 在线精品一区二区 | 久久成人国产精品免费 | 日韩精品色 | 亚洲成av人片香蕉片 |