| <div style=" background-color: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; padding: 10px;" >Firefox 和 Safari 實(shí)現(xiàn)圓角</div> |
效果如下:

其中 -moz-border-radius 是 Firefox 實(shí)現(xiàn)圓角的私有屬性,而 -webkit-border-radius 是 webkit 內(nèi)核瀏覽器(如 Safari 和 Chrome)實(shí)現(xiàn)圓角的私有屬性,如果你只要指定某一個(gè)角是圓角的話,它們都分別定義了四個(gè)屬性:
| -moz-border-radius-topleft / -webkit-border-top-left-radius |
當(dāng)然 IE (包括 IE8)還是不支持,所以該效果只能在 Firefox, Safari, 以及 Chrome 中查看。
|
新聞熱點(diǎn)
疑難解答
圖片精選