圓角**,困擾我們多年的問題,今天!
決定嘗試一種最佳方法
我準備從今天開始 嘗試最簡單的圓角**的做法,如果各位有什麼好點子,歡迎討論.
我大概總結了幾點:
1.使用程式製作圓角**
2.障眼法，非常笨拙的方法實現園角**
3.模擬園角**
4.flash模擬園角**
5.字元，在轉角處使用字元當作園角
6.濫竽充數，相容性非常差，基本上沒有用武之地
7.css3地實現方法 簡介
8.mozilla 的專有屬性
9.等待你的想法
1.使用程式製作圓角**複雜程度:5 相容性能:3
還有一種方法，是使用純js製作的，**忒長，特別複雜，一般用不著，
不過我還是認為設計者的創意非常有意思
關於js園角**製作方法:http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm#notes
2。使用障眼法複雜程度:4 相容性能:4
這個方法已經嚴重的違背了標準，並且**複雜，在遠處看類似乙個園角**，其實僅僅是使用**堆積而成:
3.模擬園角**複雜程度:2 相容程度5
現在使用最普遍的,是使用背景，缺點是，不可伸縮
但是，我看見了乙個很巧妙的方法,他使用了2個div，很巧妙地進行了互補，並且可以自入伸縮，可能這是我見過所有方法裡面最簡單實用的一種。
4.flash製作園角**複雜程度:3 相容程度3
我比較青睞的方法，適合小型網頁的製作，此法伸縮性和相容性都不錯，並且可以作出不能達到的效果，唯一的缺點就是，flash的方法是網頁複雜許多。
抱歉，我實在找不著例子...希望誰找到了pm我。
5.字元充當園角**複雜程度:3 相容程度4
這個方法是 lexrus(小龜)發明出來的，當我第一次見到這個方法，真地把我嚇了一跳，其實它是在轉角處增加了乙個 轉彎字元 "╭" & "╮".
抱歉。。我實在找不著這個方法的例子。。希望誰找到了pm我。
6.濫竽充數複雜程度:1 相容程度1
想到此方法的人 絕 + 笨
很容易看出，這個其實就是 windows fieldset，在 win2k & win2k-的作業系統看不出來此效果，
7.css3的方法複雜程度:2 相容程度0
這可能是大家期待css3得最主要原應，現在css3還沒有退出，如果一旦推出，這估計是最好的圓角**製作方法。
找了一篇文章，介紹了css3的，似乎mozilla也支援這個屬性
這還有一片官方的，不如上面那個詳細，但是這裡不僅僅有圓角**的做法，還有很多其他花樣的做法。
8.mozilla的專有css屬性複雜程度:2 相容程度1
-moz-border-radius 在google上面居然查不出來，很神秘的屬性，不過據我研究，可能就是 7.css3的方法.
CSS圓角邊框
使用 css3 border radius 屬性，可以給元素製作 圓角 若 border radius 屬性中只指定乙個值，那麼將生成 4 個 圓角。如下所示，則該元素的四個角都是圓角。div 畫圓形的辦法 圓角大小 盒子半徑 box1 box2 屬性 描述border radius 所有四個邊角 ...
div盒子邊框圓角 CSS之圓角邊框漸變的實現
注 測試瀏覽器版本號 chrome 75.0.3770.80 opera 60.0.3255.109 firefox 67.0 ie 11。之前 css之漸變效果的實現 中有講到邊框顏色漸變，但是只有講最普通的邊框漸變，其作用於圓角邊框漸變時會覆蓋掉圓角的效果，這不是我們預期的，所以我們需要尋找其他...
css圓角邊框及陰影
css3可以簡單理解成是css的增強版，它的優點在於不僅有利於開發與維護，還能提高 的效能。圓角在實際開放過程中，還是蠻常見的。以前基本是通過背景做的，有了css3後可以使用簡單的屬性搞定，可以通過border radius設定元素的圓角半徑。1 圓角邊框語法 圓角邊框屬性 border radiu...