背景渐变的DIV

iteye_7451

于 2013-07-23 17:44:29 发布

阅读量113

点赞数

分类专栏：前端开发-css

本文链接：https://blog.youkuaiyun.com/iteye_7451/article/details/82521846

版权

前端开发-css 专栏收录该内容

15 篇文章

订阅专栏

<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>