<style>
.gradual {
width: auto;
height: 21px;
line-height: 21px;
filter: alpha(opacity=100,finishopacity=100,style=1,startx =0,starty=0,finishx=0,finishy=21) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#6d9fde, endcolorstr=#4583d2,gradientType=0);
-ms-filter: alpha(opacity=100,finishopacity=100,style=1,startx =0,starty=0,finishx=0,finishy=21) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#6d9fde, endcolorstr=#4583d2,gradientType=0);
background: #4583d2;
background: -moz-linear-gradient(top, #6d9fde, #4583d2);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6d9fde),to(#4583d2));
color:#FFFFFF;
font-size:12px;
font-family:"宋体",Arial;
padding:0 5px;
text-align:right;
}
</style>
<div style="width:62px;">
<div class="gradual">
<a>添加属性</a>
</div>
</div>
相关资源：div css背景渐变色代码示例
