首先圓角是網頁中常用的美化效果，當然實現圓角的方式也很多，在專案中我們為了效率往往是採用背景圖的方式去實現圓角的效果，基本上是採用css sprites方式合併的圖，當然有其自身的缺點，執行效率低下，不便於以後的維護，出於對頁面樣式靈活性的考慮，可以通過純css無的形式來處理這些效果。
css圓角的實現原理：
圓角框其實就是各種樣式來控制div的大小來實現視覺上的優美弧形
html結構：
其中rnd代表圓角的樣式，border_color代表圓角邊框顏色 background_colord代表背景色
<
div
class
="mi_left left"
>
<
b class
="rnd_modboxin"
>
<
b class
="rnd1 border_color1 background_color2"
>
b>
<
b class
="rnd2 border_color1 background_color3"
>
b>
<
b class
="rnd3 border_color1 background_color3"
>
b>
b>
<
div
class
="rnd_mid border_color5"
>
hello,kitty
div>
<
b class
="rnd_modboxin"
>
<
b class
="rnd3 border_color1 background_color3"
>
b>
<
b class
="rnd2 border_color1 background_color3"
>
b>
<
b class
="rnd1 border_color1 background_color2"
>
b>
b>
div>
css樣式表：
/*圓角邊框樣式*/
.rnd3,.rnd2,.rnd1
.rnd3
.rnd2
.rnd1
.rnd_mid
/*圓角邊框顏色*/
.border_color1
.border_color2
.border_color3
/*背景color*/
.background_color0
.background_color1
.background_color3
.background_color4
.background_color5
.background_color2
.background_color6
.background_color7
div樣式
.mi_center
樣式實現圖：
當然這個圓角的實現非常靈活，可以按照自己的需要將其絢麗。
div盒子邊框圓角 CSS之圓角邊框漸變的實現
注 測試瀏覽器版本號 chrome 75.0.3770.80 opera 60.0.3255.109 firefox 67.0 ie 11。之前 css之漸變效果的實現 中有講到邊框顏色漸變，但是只有講最普通的邊框漸變，其作用於圓角邊框漸變時會覆蓋掉圓角的效果，這不是我們預期的，所以我們需要尋找其他...
css3 邊框圓角陰影漸變
css3堅持漸進增強 從被所有瀏覽器支援的基本功能開始，逐步地新增那些只有新式瀏覽器才支援的功能，向頁面新增無害於基礎瀏覽器的額外樣式和功能。當瀏覽器支援時，它們會自動地呈現出來並發揮作用。原則。相對的是優雅降級原則，即是一開始就構建完整的功能，然後再針對低版本瀏覽器進行相容。css3中新增特性包括...
圓角邊框，漸變背景的Textview
在預設情況下，textview是不帶邊框的，如果想為textview新增邊框，只能通過為它設定乙個背景drawable，改drawble只是乙個邊框，這樣就實現了帶邊框的textview 第一步 建立shape xml檔案 border.xml 第二步 在textview中引入背景border.xm...