-
自己实现复选框的技巧，增加点击区域查看全部
-
实现background-position右边定位技巧，默认是不能右边的查看全部
-
两栏等高布局(局限：不支持宽度百分比)查看全部
-
overflow在chrome浏览器下drop-shadow也是不可见的查看全部
-
增加响应区域大小查看全部
-
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实现hover变色，只需要1处hover变色查看全部
-
传统实现hover变色，需要3处hover变色查看全部
-
border style:inset/outset/groove/ridge 内凹，外凸,沟槽，山脊，大眼瞪小眼，没啥用 不符合现在审美，兼容性很差查看全部
-
border-style:double（兼容性很好） 双线宽度永远相等，中间间隔±1 画三道杠查看全部
-
border-style:dotted;点线 ie中是圆点 火狐谷歌是方块 利用IE浏览器下dotted border显示为圆做圆角 实现radius=25%的正方体的思路：四个圆点，超出隐藏（overflow:hidden）,然后背景覆盖查看全部
-
border style:dashed有兼容性问题查看全部
-
boder-width不支持百分比查看全部
-
border-style:double 双线查看全部
-
border-style:dotted;点线 ie中是远的 火狐谷歌是方的查看全部
举报
0/150
提交
取消