-
自己實(shí)現(xiàn)復(fù)選框的技巧，增加點(diǎn)擊區(qū)域查看全部
-
實(shí)現(xiàn)background-position右邊定位技巧，默認(rèn)是不能右邊的查看全部
-
兩欄等高布局(局限：不支持寬度百分比)查看全部
-
overflow在chrome瀏覽器下drop-shadow也是不可見(jiàn)的查看全部
-
增加響應(yīng)區(qū)域大小查看全部
-
boder-style:solid 構(gòu)建三角和梯形 .triangle{ width:0px;height:0px; border-width:12px 20px; border-style:solid; border-color:red red transparent transparent; } 實(shí)際應(yīng)用場(chǎng)景：下拉按鈕，對(duì)話框引頭 上下兩個(gè)梯形邊框拼合組成圓角效果 .triangle{ width:600px; border:100px solid; border-color:transparent transparent #c00; }查看全部
-
利用border實(shí)現(xiàn)hover變色，只需要1處hover變色查看全部
-
傳統(tǒng)實(shí)現(xiàn)hover變色，需要3處hover變色查看全部
-
border style:inset/outset/groove/ridge 內(nèi)凹，外凸,溝槽，山脊，大眼瞪小眼，沒(méi)啥用 不符合現(xiàn)在審美，兼容性很差查看全部
-
border-style:double（兼容性很好） 雙線寬度永遠(yuǎn)相等，中間間隔±1 畫(huà)三道杠查看全部
-
border-style:dotted;點(diǎn)線 ie中是圓點(diǎn) 火狐谷歌是方塊 利用IE瀏覽器下dotted border顯示為圓做圓角 實(shí)現(xiàn)radius=25%的正方體的思路：四個(gè)圓點(diǎn)，超出隱藏（overflow:hidden）,然后背景覆蓋查看全部
-
border style:dashed有兼容性問(wèn)題查看全部
-
boder-width不支持百分比查看全部
-
border-style:double 雙線查看全部
-
border-style:dotted;點(diǎn)線 ie中是遠(yuǎn)的 火狐谷歌是方的查看全部
舉報(bào)
0/150
提交
取消