- 博客(0)
- 资源 (1)
- 问答 (2)
空空如也
圆角菜单CSS制作 圆角菜单CSS制作
<style>
.divv{
width:100px;
margin:0 -1px 0 0;
padding:0;
font:14px Arial;
font-weight:bold;
border:1px solid #ddd;
float:left;
}
.divv p{
padding:0 0 2px 0;
margin:0px;
text-align:center;
background:#aaa;
border:solid 1px #000;
border-top-width:0;
}
.divv .row1{
margin:0 5px;
background:#000;
}
.divv div{
height:1px;
overflow:hidden;
background:#aaa;
border-left:solid 1px #000;
border-right:solid 1px #000;
}
.divv .row2{
margin:0 3px;
}
.divv .row3{
margin:0 2px;
}
.divv .row4{
margin:0 1px;
height:2px;
}
ul{
height:26px;
margin:0px;
padding:10px;
list-style-type:none;
background:#ddd;
}
.divv a,.divv a:visited{
color:#000;
text-decoration:none;
}
.divv a:hover p{
background:#884;
color:#fff;
}
.divv a:hover .row2,.divv a:hover .row3,.divv a:hover .row4{
background:#884;
}
.divv a:hover{
background:transparent;
}
.divv .pad{
height:26px;
border:0;
background:transparent;
}
.divv a:hover p{
background:#884;
color:#fff;
padding-bottom:12px;
}
.divv a:hover .pad{
height:0px;
}
.orange p,.orange .row2,.orange .row3,.orange .row4{
background:#aaa;
}
.orange a:hover p,.orange a:hover .row2,.orange a:hover .row3,.orange a:hover .row4{
background:#fa0;
}
.yellow p,.yellow .row2,.yellow .row3,.yellow .row4{
background:#aaa;
}
.yellow a:hover p,.yellow a:hover .row2,.yellow a:hover .row3,.yellow a:hover .row4{
background:#ff0;
}
.green p,.green .row2,.green .row3,.green .row4{
background:#aaa;
}
.green a:hover p,.green a:hover .row2,.green a:hover .row3,.green a:hover .row4{
background:#0e0;
}
.blue p,.blue .row2,.blue .row3,.blue .row4{
background:#aaa;
}
.blue a:hover p,.blue a:hover .row2,.blue a:hover .row3,.blue a:hover .row4{
background:#0cf;
}
</style>
2010-02-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人