日本一卡精品视频免费丨国产午夜片无码区在线播放丨国产精品成人久久久久久久丨国产亚洲日韩av在线播放不卡丨亚洲日韩av无码

html里導航菜單的一般做法

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

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

<!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路徑);
一樣可以做出很炫的效果。

 

主站蜘蛛池模板: 超碰在线天天| 俄罗斯伦理精品a级| 97在线国产| 女人夜夜春高潮爽a∨片传媒| 一级黄色a视频| 国产成人精品三上悠亚| 伊人色av| 国产精品夜间视频香蕉| 日韩av无码精品人妻系列| 2022精品国偷自产免费观看| heyzo朝桐光一区二区| 老熟妇乱子伦牲交视频| 看片日韩| 久久99精品国产麻豆蜜芽| 中国一级特黄真人毛片| 少妇粉嫩小泬白浆流出| 波多野结衣大战黑人8k经典| 亚洲精品乱码久久久久久自慰 | 欧美一线天| 人妻 校园 激情 另类| 无码一区二区三区视频| 久久久久激情| 狠狠爱俺也去去就色| 青娱乐超碰在线| av国産精品毛片一区二区三区 | 亚洲另类无码专区首页| 久久精品视频99| 国产精品无码电影在线观看 | 亚洲熟妇真实自拍另类| 婷婷丁香六月激情综合啪| 黄色国产一级| 人妻av中文字幕久久| 色偷偷亚洲| 成人午夜精品无码区| 叶玉卿三级露全乳视频| 国产在线精品国自产拍影院同性| aaa欧美| 真实的国产乱xxxx在线|