CSS教程 CSS3圓角屬性

2022-09-25 19:06:11 字數 525 閱讀 8500

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

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

對於一些瀏覽器,它們有其私有的圓角屬性。如 ff 的 -moz-border-radius ,程式設計客棧safari 和 chrome lkzvt的 -webkit-border-radius 。效果見下圖:

ff 的圓角

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

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

本文位址: /web/css/26803.html

CSS3 圓角屬性 border radius

在 css3 中新增了乙個 border radius 邊框半徑屬性,即大家常用的圓角效果。這使得製作圓角將不再麻煩,只需對所用物件加乙個 border radius 屬性即可,不必使用定位或冗餘 完成了。不過它的使用瓶頸目前也是顯而易見的,因為效果顯示需支援 css3 的現代瀏覽器,而在一些老版本...

CSS3圓角詳解

全屏閱讀 收藏 一 css3圓角的優點 減少維護的工作量。檔案的生成 更新 編寫網頁 這些工作都不再需要了。提高網頁效能。由於不必再發出多餘的http請求,網頁的載入速度將變快。二 border radius屬性 css3圓角只需設定乙個屬性 border radius 含義是 邊框半徑 你為這個屬...

CSS3圓角詳解

css3圓角詳解 日期 2010年12月 9日 css3是樣式表 style sheet 語言的最新版本,它的一大優點就是支援圓角。css3圓角詳解 譯者 阮一峰 原文 發表日期 2010年12月8日 一 css3圓角的優點 減少維護的工作量。檔案的生成 更新 編寫網頁 這些工作都不再需要了。提高網...