为了账号安全,请及时绑定邮箱和手机立即绑定

CSS3圆角背景?

CSS3圆角背景?

手掌心 2018-08-27 14:10:16
.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>


查看完整回答
反对 回复 2018-09-18
  • 1 回答
  • 0 关注
  • 859 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信