.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 回答
千萬(wàn)里不及你
TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超9個(gè)贊
圓角主要是通過(guò)border-radius 來(lái)實(shí)現(xiàn)：
border-radius 屬性是一個(gè)簡(jiǎn)寫(xiě)屬性，用于設(shè)置四個(gè) border-*-radius 屬性。
提示：該屬性允許為元素添加圓角邊框。
簡(jiǎn)單的例子，僅供參考：
| 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 關(guān)注
- 878 瀏覽
添加回答
舉報(bào)
0/150
提交
取消