.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 關注
- 879 瀏覽
添加回答
舉報
0/150
提交
取消