设计突起按钮代码

最新推荐文章于 2024-07-25 11:52:08 发布

hfandy

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量219

点赞数

文章标签： url xhtml div float html 通讯

本文链接：https://blog.csdn.net/hfandy/article/details/6725480

版权

<!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>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
body{
   font-size:12px;
   color:#111111;
margin: 0px;
padding: 0px 10px 0px 10px;
text-align:center;
}
a:Link,a:Visited{
color:#0044DD;
text-decoration:none;
}
a:Hover,a:Active{
color:#FF5500;
text-decoration:underline;
}
.invisible{
visibility:hidden;
}
ul{
list-style-type:none;
margin:0;
padding:0;
}
#ChannelMenu{
width:760px;
margin:0 auto;
text-align:center;
}
#ChannelMenu{
width:100%;
}
#ChannelMenuItems{
width:640px;
height:30px;
margin:0 auto;
/*attach promotion event background images here*/
height:40px;
background:transparent url( http://image.taobao.com/2k5/sys/common/header/promotion/culture_050607.gif) 315px 0 no-repeat;
}
#ChannelMenuItems li{
float:left;
height:30px;
margin-right:1px;
/*attach promotion event background images here*/
margin-top:10px;
}
#ChannelMenuItems a{
display:block;
float:left;
height:30px;
background:transparent url( http://image.taobao.com/2k5/sys/common/header/chl_home_left.gif) left top no-repeat;
text-decoration:none;
}
#ChannelMenuItems a span{
display:block;
float:left;
height:30px;
padding:11px 15px 0;
background:transparent url( http://image.taobao.com/2k5/sys/common/header/chl_home_right.gif) right top no-repeat;
text-align:center;
color:#000;
font-style:normal;
cursor:hand;
/*IE 5.x Crack at the bottom of this file*/
}
#SearchBox{
height:34px;
text-align:left;
}
#SearchBox a{
color:#FFF;
}
ul#ChannelMenuItems li#MenuGame a{background:#C34B26 url( http://image.taobao.com/2k5/sys/common/header/chl_game_left_act.gif) left top no-repeat;}
ul#ChannelMenuItems li#MenuGame a span{background:transparent url( http://image.taobao.com/2k5/sys/common/header/chl_game_right_act.gif) right top no-repeat;font-weight:bold;color:#FFF;}
#SearchBox{background-color:#C34B26;}
#SearchForm{background:transparent url( http://image.taobao.com/2k5/sys/common/header/search_box_game_bk_left.gif) left top no-repeat;}
#HotKeywords{background:transparent url( http://image.taobao.com/2k5/sys/common/header/search_box_game_bk_right.gif) right top no-repeat;}
li#MenuHome a:hover{background:#FF9000 url( http://image.taobao.com/2k5/sys/common/header/chl_home_left_act.gif) left top no-repeat;}
li#MenuHome a:hover span{background:transparent url( http://image.taobao.com/2k5/sys/common/header/chl_home_right_act.gif) right top no-repeat;color:#FFF;}
li#MenuDigital a:hover{background:#99A2B1 url( http://image.taobao.com/2k5/sys/common/header/chl_digital_left_act.gif) left top no-repeat;}
li#MenuDigital a:hover span{background:transparent url( http://image.taobao.com/2k5/sys/common/header/chl_digital_right_act.gif) right top no-repeat;color:#FFF;}
li#MenuLady a:hover{background:#E1569A url( http://image.taobao.com/2k5/sys/common/header/chl_lady_left_act.gif) left top no-repeat;}
li#MenuLady a:hover span{background:transparent url( http://image.taobao.com/2k5/sys/common/header/chl_lady_right_act.gif) right top no-repeat;color:#FFF;}
li#MenuMan a:hover{background:#3672AE url( http://image.taobao.com/2k5/sys/common/header/chl_man_left_act.gif) left top no-repeat;}
li#MenuMan a:hover span{background:transparent url( http://image.taobao.com/2k5/sys/common/header/chl_man_right_act.gif) right top no-repeat;color:#FFF;}
li#MenuLife a:hover{background:#EC9307 url( http://image.taobao.com/2k5/sys/common/header/chl_life_left_act.gif) left top no-repeat;}
li#MenuLife a:hover span{background:transparent url( http://image.taobao.com/2k5/sys/common/header/chl_life_right_act.gif) right top no-repeat;color:#FFF;}
li#MenuCulture a:hover{background:#1E998B url( http://image.taobao.com/2k5/sys/common/header/chl_culture_left_act4.gif) left top no-repeat;}
li#MenuCulture a:hover span{background:transparent url( http://image.taobao.com/2k5/sys/common/header/chl_culture_right_act3.gif) right top no-repeat;color:#FFF;}
li#MenuSports a:hover{background:#AFC326 url( http://image.taobao.com/2k5/sys/common/header/chl_sports_left_act.gif) left top no-repeat;}
li#MenuSports a:hover span{background:transparent url( http://image.taobao.com/2k5/sys/common/header/chl_sports_right_act.gif) right top no-repeat;color:#FFF;}
li#MenuGame a:hover{background:#C34B26 url( http://image.taobao.com/2k5/sys/common/header/chl_game_left_act.gif) left top no-repeat;}
li#MenuGame a:hover span{background:transparent url( http://image.taobao.com/2k5/sys/common/header/chl_game_right_act.gif) right top no-repeat;color:#FFF;}
li#MenuCollection a:hover{background:#88605F url( http://image.taobao.com/2k5/sys/common/header/chl_collection_left_act2.gif) left top no-repeat;}
li#MenuCollection a:hover span{background:transparent url( http://image.taobao.com/2k5/sys/common/header/chl_collection_right_act2.gif) right top no-repeat;color:#FFF;}
li#MenuHongkong a:hover{background:#965BB9 url( http://image.taobao.com/2k5/sys/common/header/chl_hongkong_left_act2.gif) left top no-repeat;}
li#MenuHongkong a:hover span{background:transparent url( http://image.taobao.com/2k5/sys/common/header/chl_hongkong_right_act2.gif) right top no-repeat;color:#FFF;}
#ChannelMenuItems a span{
voice-family: "\"}\"";
voice-family: inherit;
cursor:pointer;
height:19px;
}</style>
</head>
<body>
<div id="ChannelMenu">
    <ul id="ChannelMenuItems">
      <li id="MenuHome"><a href="#"><span>首页</span></a></li>
   <li id="MenuDigital"><a href="#"><span>数码通讯</span></a></li>
      <li id="MenuLady"><a href="#"><span>女人</span></a></li>
      <li id="MenuMan"><a href="#"><span>男人</span></a></li>
      <li id="MenuLife"><a href="#"><span>爱家</span></a></li>
      <li id="MenuCulture"><a href="#"><span>书籍音像</span></a></li>
      <li id="MenuSports"><a href="#"><span>运动</span></a></li>
      <li id="MenuGame"><a href="#"><span>游戏</span></a></li>
      <li id="MenuCollection"><a href="#"><span>花鸟市场</span></a></li>
      <li id="MenuHongkong"><a href="#"><span>香港街</span></a></li>
    </ul>
    <div id="SearchBox"></div>
</div>
</body>
</html>

hfandy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
设计突起按钮代码

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">testbody{ font-size:12px; color:#
复制链接

扫一扫