隨著網路的發展，css 也在不斷的完善，充分吸取多年來 web 發展的需求，提出了很多新穎的 css 特性，例如很受歡迎的圓角矩形 border-radius 屬性，但很可惜，此屬性目前沒有得到任何瀏覽器的支援。
對於一些瀏覽器，它們有其私有的圓角屬性。如 ff mgyuwbsqng的 -moz-border-radius ，safari 和 程式設計客棧chrome 的 -webkit-border-radius 。效果見下圖：
ff 的圓角
safari 和 chrome 的圓角(safari 和 chrome 使用的是同一種核心，這裡就只附 chrome 的效果了)
ie 和 opera 就沒有私有的圓角屬性了，如果有的話，那製作圓角應該就簡單多了，把各自的私有屬性全部寫上，讓各個瀏覽器「對號入座」，就達到了「相容」的效果。
下面給出乙個百度有www.cppcns.com啊css圓角方案的示例：
xml/html code複製內容到剪貼簿
css **：
j**ascript code複製內容到剪貼簿
程式設計客棧
本文標題: css3繪製圓角矩形的簡單示例
本文位址:
css3的圓角屬性
css3讓網頁設計者脫離，通過簡單的css屬性實現強大的頁面展現。這樣不僅僅減小了伺服器的請求壓力，同樣也會使網頁開啟速度明顯提高。border radius這個屬性，是標準的建立圓角的屬性，全面的支援chrome firefox和safari.通常我們的寫法如下 寫道border radius 1...
SVG繪製矩形簡單示例分享
最近我初學html5，剛在一步步學習svg，積累了一些個人心得和程式 希望和大家分享，今天分享 svg之矩形 部分 1 簡單矩形 效果圖如下 關鍵 解析 rect 代表矩形 rect 元素的 width 和 height 屬性可定義矩形的高度和寬度 2 矩形填充顏色及邊框 效果圖如下 關鍵 解析 c...
CSS3 實現圓角方法
這裡只是稍微的翻譯下，希望大家能夠從中領悟。圓角效果，首先我們應該來建立乙個div和簡單的css吧。在css中，我們應該給他定義乙個寬度和高度，當然還有背景。box 2.這種情況比較特殊，是對左上角和右下角設定同一種圓角，而右上角和左下角是同一種圓角。box 3.這種情況也比較特殊，是左上角為20p...