CSS3圓角屬性教程

CSS3圓角屬性教程

　　IE 和 Opera 就沒有私有的圓角屬性了，如果有的話，那制作圓角應該就簡單多了，把各自的私有屬性全部寫上，讓各個瀏覽器對號入座，就達到了兼容的效果。

　　隨著網絡的發展，CSS 也在不斷的完善，充分吸取多年來 Web 發展的需求，提出了很多新穎的 CSS 特性，例如很受歡迎的圓角矩形 border-radius 屬性，但很可惜，此屬性目前沒有得到任何瀏覽器的支持。

　　對于一些瀏覽器，它們有其私有的圓角屬性。如 FF 的 -moz-border-radius ，Safari 和 Chrome 的 -webkit-border-radius 。效果見下圖：

　　FF 的圓角

　　Safari 和 Chrome 的圓角(Safari 和 Chrome 使用的是同一種內核，這里就只附 Chrome 的效果了)

　　IE 和 Opera 就沒有私有的圓角屬性了，如果有的話，那制作圓角應該就簡單多了，把各自的私有屬性全部寫上，讓各個瀏覽器“對號入座”，就達到了“兼容”的效果。

【CSS3圓角屬性教程】相關文章：

css屬性定位教程07-23

CSS教程之重置默認樣式與IE兼容圓角的解決方法07-18

CAD中圓角及倒角的技巧07-15

詳解CSS3盒模型display:box08-04

網頁中HTML5與CSS3的應用07-21

淺析CSS3的新功能和新特性09-13

調酒教程10-21

CSS3制作導航條和毛玻璃效果06-08

插花技巧教程07-14

cad成組教程05-20