DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS教程:CSS3圓角屬性
CSS教程:CSS3圓角屬性
編輯:CSS進階教程     

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

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

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

FF 的圓角

ff圓角

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

chrame圓角

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved