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