-
背景圖片實(shí)現(xiàn)圓角查看全部
-
寬度高度自適應(yīng)圓角查看全部
-
使用CSS2.0+HTML標(biāo)簽?zāi)M圓角優(yōu)缺點(diǎn): 1. 代碼量少，不需要增加HTTP請(qǐng)求 2. 后期維護(hù)性好，但是圓角橡塑的增加 3. 無意義代碼將成倍增加 4. 實(shí)現(xiàn)的圓角有局限性 5. 只能實(shí)現(xiàn)純色圓角查看全部
-
切圖+css實(shí)現(xiàn)高度和寬度自適應(yīng)圓角查看全部
-
CSS圓角進(jìn)化論-制作高度和寬度自適應(yīng)圓角： 5個(gè)div構(gòu)成： 1個(gè)為box：上下內(nèi)邊距大小至少設(shè)置為圓角高度、設(shè)置相對(duì)定位、放置內(nèi)容。 另外4個(gè)為圓角：分別設(shè)置上下左右各個(gè)圓角背景圖片、絕對(duì)定位于box的4個(gè)角。 需要注意： 絕對(duì)定位要設(shè)置寬度，不然會(huì)根據(jù)內(nèi)容多少自適應(yīng)； 只有背景圖片的div也要設(shè)置寬度，不然背景顯示不出來，因?yàn)楸尘皥D片本身不占寬度。查看全部
-
進(jìn)化查看全部
-
css3.0圓角屬性實(shí)現(xiàn)圓角 簡(jiǎn)寫屬性的值設(shè)置(與margin屬性設(shè)置相同，順時(shí)針方向)查看全部
-
瀏覽器寫私有前綴： IE內(nèi)核：-ms- 歐朋Opera瀏覽器: -o- Firefox內(nèi)核：-moz- 谷歌瀏覽器、safari內(nèi)核：-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 (全局設(shè)置,每個(gè)角半徑一致) border-radius:5px 10px(半徑對(duì)角相等,交叉線) border-radisu:5px 10px 15px(并非等同于margin,雖然是順時(shí)針,但是是從左上角出發(fā)),三個(gè)值1=top-left,2=top-right=bottom-left,3=bottom-right;想象成菱形順時(shí)針就沒錯(cuò) border-radius:四個(gè)參數(shù)從左上角依次到左下角.順時(shí)針;等同于border-top-left-radius+xxx+xxx+xxx查看全部
-
圓角屬性（border-radius）簡(jiǎn)介： 屬性值：表示半圓半徑，可使用長(zhǎng)度單位px，或百分比 簡(jiǎn)寫屬性：border-radius 分量屬性：border-top-left-radius（上左）、 border-top-right-radius（上右）、 border-bottom-right-radius（下右）、 border-bottom-left-radius（下左）查看全部
-
優(yōu)缺點(diǎn)查看全部
-
寬度和高度自適應(yīng)的圖片實(shí)現(xiàn)法查看全部
-
css圓角進(jìn)化論查看全部
-
ie6、ie7、ie8 不支持css3.0查看全部
-
瀏覽器私有前綴查看全部
舉報(bào)
0/150
提交
取消