-
背景圖片實現圓角查看全部
-
寬度高度自適應圓角查看全部
-
使用CSS2.0+HTML標簽模擬圓角優缺點: 1. 代碼量少，不需要增加HTTP請求 2. 后期維護性好，但是圓角橡塑的增加 3. 無意義代碼將成倍增加 4. 實現的圓角有局限性 5. 只能實現純色圓角查看全部
-
切圖+css實現高度和寬度自適應圓角查看全部
-
CSS圓角進化論-制作高度和寬度自適應圓角： 5個div構成： 1個為box：上下內邊距大小至少設置為圓角高度、設置相對定位、放置內容。 另外4個為圓角：分別設置上下左右各個圓角背景圖片、絕對定位于box的4個角。 需要注意： 絕對定位要設置寬度，不然會根據內容多少自適應； 只有背景圖片的div也要設置寬度，不然背景顯示不出來，因為背景圖片本身不占寬度。查看全部
-
進化查看全部
-
css3.0圓角屬性實現圓角 簡寫屬性的值設置(與margin屬性設置相同，順時針方向)查看全部
-
瀏覽器寫私有前綴： IE內核：-ms- 歐朋Opera瀏覽器: -o- Firefox內核：-moz- 谷歌瀏覽器、safari內核：-webkit- 例(線性漸變): background：-moz-linear-gradient(top,#ddd 0%,#eee 10%,#fff 20%); background：-webkit-linear-gradient(top,#ddd 0%,#eee 10%,#fff 20%); background：-ms-linear-gradient(top,#ddd 0%,#eee 10%,#fff 20%);查看全部
-
border-radius:5px (全局設置,每個角半徑一致) border-radius:5px 10px(半徑對角相等,交叉線) border-radisu:5px 10px 15px(并非等同于margin,雖然是順時針,但是是從左上角出發),三個值1=top-left,2=top-right=bottom-left,3=bottom-right;想象成菱形順時針就沒錯 border-radius:四個參數從左上角依次到左下角.順時針;等同于border-top-left-radius+xxx+xxx+xxx查看全部
-
圓角屬性（border-radius）簡介： 屬性值：表示半圓半徑，可使用長度單位px，或百分比 簡寫屬性：border-radius 分量屬性：border-top-left-radius（上左）、 border-top-right-radius（上右）、 border-bottom-right-radius（下右）、 border-bottom-left-radius（下左）查看全部
-
優缺點查看全部
-
寬度和高度自適應的圖片實現法查看全部
-
css圓角進化論查看全部
-
ie6、ie7、ie8 不支持css3.0查看全部
-
瀏覽器私有前綴查看全部
舉報
0/150
提交
取消