- 相關(guān)推薦
CSS3圓角屬性教程
IE 和 Opera 就沒有私有的圓角屬性了,如果有的話,那制作圓角應(yīng)該就簡單多了,把各自的私有屬性全部寫上,讓各個(gè)瀏覽器對號入座,就達(dá)到了兼容的效果。
隨著網(wǎng)絡(luò)的發(fā)展,CSS 也在不斷的完善,充分吸取多年來 Web 發(fā)展的需求,提出了很多新穎的 CSS 特性,例如很受歡迎的圓角矩形 border-radius 屬性,但很可惜,此屬性目前沒有得到任何瀏覽器的支持。
對于一些瀏覽器,它們有其私有的圓角屬性。如 FF 的 -moz-border-radius ,Safari 和 Chrome 的 -webkit-border-radius 。效果見下圖:
FF 的圓角
Safari 和 Chrome 的圓角(Safari 和 Chrome 使用的是同一種內(nèi)核,這里就只附 Chrome 的效果了)
IE 和 Opera 就沒有私有的圓角屬性了,如果有的話,那制作圓角應(yīng)該就簡單多了,把各自的私有屬性全部寫上,讓各個(gè)瀏覽器“對號入座”,就達(dá)到了“兼容”的效果。
【CSS3圓角屬性教程】相關(guān)文章:
css屬性定位教程07-23
CSS教程之重置默認(rèn)樣式與IE兼容圓角的解決方法07-18
CAD中圓角及倒角的技巧07-15
詳解CSS3盒模型display:box08-04
網(wǎng)頁中HTML5與CSS3的應(yīng)用07-21
淺析CSS3的新功能和新特性09-13
調(diào)酒教程10-21
CSS3制作導(dǎo)航條和毛玻璃效果06-08
插花技巧教程07-14
cad成組教程05-20