當前位置:才華齋>設計>網頁設計>

CSS3圓角屬性教程

網頁設計 閱讀(2.51W)

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

CSS3圓角屬性教程

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

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

FF 的圓角

Safari 和 Chrome 的圓角(Safari 和 Chrome 使用的是同一種核心,這裡就只附 Chrome 的效果了)

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