.fxBtn{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26aee0', endColorstr='#0d7eaa'); background: -webkit-linear-gradient(top, #26aee0, #0d7eaa); background: -moz-linear-gradient(top, #26aee0, #0d7eaa); background: -ms-linear-gradient(top, #26aee0, #0d7eaa); background: linear-gradient(top, #26aee0, #0d7eaa);border:1px solid #000; border-radius:15px; color:#fff; padding:0px 10px; margin:0px 5px; cursor:pointer; display:inline-block; height:18px; line-height:18px;}渐变背景在IE9里面怎么样才能也变成圆角?
1 回答
千万里不及你
TA贡献1784条经验 获得超9个赞
圆角主要是通过border-radius 来实现:
border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性。
提示:该属性允许为元素添加圆角边框。
简单的例子,仅供参考:
1234567891011 | <style> .box {margin:100 auto; width:200px; height:200px; position:relative;} .shadow {width: 200px; height:200px; background: #ccc; border-radius:10px;} .xxx {width:150px; height:150px; background:red; position:absolute;} </style> <body> <div class= "box" > <div class= "shadow" ></div> <div class= "xxx" ></div> </div> </body> |
- 1 回答
- 0 关注
- 859 浏览
添加回答
举报
0/150
提交
取消