亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

XML:CSS基礎(chǔ)之十

系統(tǒng) 3869 0

b.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>baby</title>
<link href="b.css" _fcksavedurl=""b.css"" _fcksavedurl=""b.css"" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="nav"><ul>
<li><a href="#" class="bei"></a></li>
<li><a href="#" class="jing"></a></li>
<li><a href="#" class="huan"></a></li>
<li><a href="#" class="ying"></a></li>
<li><a href="#" class="ni"></a></li>
</ul></div>

</body>
</html>

1.css

/*----------------Base---------------------*/
*{
margin: 0px;
padding: 0px;
}
#nav {
border: 1px solid #CCCCCC;
height:200px;
width: 610px;
display: block;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
font-family: "宋體";
font-size: 12px;
}
#nav li{
float: left;
width: 120px;
list-style-type: none;
}

#nav ul{
display: block;
}
/*----------------1---------------------*/
#nav li a.bei{
display: block;
height: 200px;
background-image: url(baby0.jpg);
background-repeat: no-repeat;
background-position: 0px center;
}

#nav li a.bei:hover,#nav li a.bei:active{
background-image: url(baby.jpg);
}


/*----------------2---------------------*/
#nav li a.jing{
display: block;
height: 200px;
background-image: url(baby0.jpg);
background-repeat: no-repeat;
background-position: -122px center;
width:130px; /*--顯示寬度修正--*/
}

#nav li a.jing:hover,#nav li a.jing:active{
background-image: url(baby.jpg);
}


/*----------------3---------------------*/
#nav li a.huan{
display: block;
height: 200px;
background-image: url(baby0.jpg);
background-repeat: no-repeat;
background-position: -248px center;
}

#nav li a.huan:hover,#nav li a.huan:active{
background-image: url(baby.jpg);
}


/*----------------4---------------------*/
#nav li a.ying{
display: block;
height: 200px;
background-image: url(baby0.jpg);
background-repeat: no-repeat;
background-position: -368px center;
width:115px; /*--顯示寬度修正--*/
}

#nav li a.ying:hover,#nav li a.ying:active{
background-image: url(baby.jpg);
}


/*----------------5---------------------*/
#nav li a.ni{
display: block;
height: 200px;
background-image: url(baby0.jpg);
background-repeat: no-repeat;
background-position: right center;
}

#nav li a.ni:hover,#nav li a.ni:active{
background-image: url(baby.jpg);
}

<a href=" http://www.namipan.com/d/749ae0baeb7f3331f9e5b5c6ae5a88f7ffd342bd5eed0200 ">素材提供.rar</a>

效果演示如下:

XML:CSS基礎(chǔ)之十

XML:CSS基礎(chǔ)之十


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號(hào)聯(lián)系: 360901061

您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對(duì)您有幫助就好】

您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺我的文章對(duì)您有幫助,請(qǐng)用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長(zhǎng)會(huì)非常 感謝您的哦!!!

發(fā)表我的評(píng)論
最新評(píng)論 總共0條評(píng)論
主站蜘蛛池模板: 日韩中文字幕在线观看视频 | 偶偶福利视频 | 一级毛片免费观看不收费 | 久久综合狠狠综合久久97色 | 亚洲一级片在线观看 | 日日噜噜夜夜狠视频免费 | 久久成人亚洲香蕉草草 | 国产精品麻豆视频 | 国产日产欧美一区二区三区 | 成人啪啪免费看 | 狠狠色官网在线 | 尹人成人 | 成人欧美一区二区三区白人 | 日韩黄色大片 | 国产精品福利资源在线 | 欧美成人看片一区二区三区 | 精品香蕉一区二区三区 | 欧美性理论片在线观看片免费 | 亚洲香蕉毛片久久网站老妇人 | 亚洲韩国日本一级二级r级 亚洲韩精品欧美一区二区三区 | 狠狠色狠狠色综合系列 | 99视频精品全部免费免费观 | 国产成人免费a在线视频色戒 | 国产精品二 | 色资源在线 | 国产欧美一区二区三区在线看 | www午夜视频 | 杨幂国产精品福利在线观看 | 成人短视频在线观看免费 | 99视频精品在线 | 国产热久久精 | 精品久久亚洲 | 天天爱天天射 | 激情综合婷婷亚洲图片 | 久久机热这里只有精品无需 | 激情奇米| 日本一区毛片免费观看 | 在线视频一区二区三区 | 亚洲一区在线视频观看 | 国产精品自拍一区 | 欧美亚洲国产精品久久高清 |