CSS3圆角背景?
.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里面怎么样才能也变成圆角？
手掌心浏览 860回答 1
1回答
-
千万里不及你
圆角主要是通过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>
随时随地看视频慕课网APP
相关分类
CSS3