天天看点

滑动门菜单--css自适应宽度滑动门菜单

<!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" />

<style type="text/css">

a {

?? display: block;

?? float:left;

?? margin:0px 5px;

?? height: 37px;

?? line-height: 37px;

?? text-align: center;

?? background:url(image/btn_bg.gif) no-repeat left 0;

?? color: #d84700; font-size: 14px; font-weight: bold; text-decoration: none;

?? padding-left: 10px;

}

a span{

?? display: block;

?? background:url(image/btn_bg.gif) no-repeat right 0;

?? padding-right:12px;

}

a:hover{

??? background:url(image/btn_bg.gif) no-repeat left -37px;

}

a:hover span{

??? background:url(image/btn_bg.gif) no-repeat right -37px;

}

</style>

</head>

<body>

<p><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" ><span>??璐规敞??</span></a><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" ><span>?诲?</span></a><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" ><span>?ㄦ?瀹?缃?涓?寮?搴?</span></a></p>

</body>

</html>

滑动门菜单--css自适应宽度滑动门菜单