-
css3.0圓角實(shí)現(xiàn)查看全部
-
css2.0+html標(biāo)簽的優(yōu)缺點(diǎn)查看全部
-
css2.0HTML標(biāo)簽?zāi)M圓角查看全部
-
弧線畫法查看全部
-
css圓角設(shè)置方法寬度和高度自適應(yīng)查看全部
-
css圓角進(jìn)化論查看全部
-
css3 border-radius查看全部
-
制作一個(gè)固定寬度的圓角矩形，左右兩側(cè)圓角切為整圖，則需要3個(gè)塊級(jí)標(biāo)簽存放圖片查看全部
-
css3.0在移動(dòng)端得到了廣泛應(yīng)用，雖然它再WEB端因?yàn)榧嫒輪?wèn)題還應(yīng)用的不是那么廣，在web端用背景圖片實(shí)現(xiàn)圓角目前還是主流。查看全部
-
【瀏覽器私有前綴】 IE內(nèi)核：-ms- Firefox內(nèi)核：-moz- 谷歌瀏覽器，safari內(nèi)核：-webkit- Opera瀏覽器私有前綴：-o- 用在CSS3一些新增屬性中,例如背景漸變色屬性： background:-webkit-linear-gradient(top:#ddd o%,#eee 10%,#fff 20%); !!!!!一些導(dǎo)航制作或表單可運(yùn)用查看全部
-
border-radius： 四個(gè)值是按照top-left、top-right、bottom-right和bottom-left順序來(lái)設(shè)置的（左上、右上、右下、左下）。 注意和margin屬性順序區(qū)分。（margin的話是上右下左） 如果省略 bottom-left，則與 top-right 相同。 如果省略 bottom-right，則與 top-left 相同。 如果省略 top-right，則與 top-left 相同。 【border-radius的效果顯示要以border設(shè)置為基礎(chǔ)】 如果反斜杠符號(hào)“/”存在，“/”前面的值是設(shè)置元素圓角的水平方向半徑， “/”后面的值是設(shè)置元素圓角的垂直方向的半徑； 如果沒(méi)有“/”，則元素圓角的水平和垂直方向的半徑值相等。 例： border-radius: 2em 1em 4em / 0.5em 3em; 等價(jià)于： border-top-left-radius: 2em 0.5em; border-top-right-radius: 1em 3em; border-bottom-right-radius: 4em 0.5em; border-bottom-left-radius: 1em 3em查看全部
-
CSS2.0+HTML標(biāo)簽?zāi)M圓角 【原理】應(yīng)用像素畫中繪制弧線的方法進(jìn)行模擬?！鞠袼禺嫛慷砹_斯方塊，超級(jí)瑪麗 【優(yōu)缺點(diǎn)】 1. 代碼量少，不需要增加HTTP請(qǐng)求 2. 后期維護(hù)性好，但是圓角橡塑的增加 3. 無(wú)意義代碼將成倍增加 4. 實(shí)現(xiàn)的圓角有局限性 5. 只能實(shí)現(xiàn)純色圓角 沒(méi)有被廣泛運(yùn)用查看全部
-
背景圖片實(shí)現(xiàn)圓角 實(shí)現(xiàn)方式有多種，主要講解2種： 1. 寬度固定，高度自適應(yīng) 2. 寬度和高度均自適應(yīng) 實(shí)現(xiàn)關(guān)鍵點(diǎn)，4個(gè)塊級(jí)標(biāo)簽構(gòu)成： 圓角矩形容器（box)——設(shè)置固定寬度，同圓角寬度 頂部圓角（radius-top）——使用背景圖片實(shí)現(xiàn)頂部圓角查看全部
-
【瀏覽器私有前綴】 IE內(nèi)核：-ms- Firefox內(nèi)核：-moz- 谷歌瀏覽器，safari內(nèi)核：-webkit- Opera瀏覽器私有前綴：-o- 用在CSS3一些新增屬性中,例如背景漸變色屬性： background:-webkit-linear-gradient(top:#ddd o%,#eee 10%,#fff 20%);查看全部
-
border-radius： 四個(gè)值是按照top-left、top-right、bottom-right和bottom-left順序來(lái)設(shè)置的（左上、右上、右下、左下）。 注意和margin屬性順序區(qū)分。（margin的話是上右下左） 如果省略 bottom-left，則與 top-right 相同。 如果省略 bottom-right，則與 top-left 相同。 如果省略 top-right，則與 top-left 相同。 【border-radius的效果顯示要以border設(shè)置為基礎(chǔ)】 如果反斜杠符號(hào)“/”存在，“/”前面的值是設(shè)置元素圓角的水平方向半徑， “/”后面的值是設(shè)置元素圓角的垂直方向的半徑； 如果沒(méi)有“/”，則元素圓角的水平和垂直方向的半徑值相等。 例： border-radius: 2em 1em 4em / 0.5em 3em; 等價(jià)于： border-top-left-radius: 2em 0.5em; border-top-right-radius: 1em 3em; border-bottom-right-radius: 4em 0.5em; border-bottom-left-radius: 1em 3em;查看全部
舉報(bào)
0/150
提交
取消