-
border-width不支持百分比。常用默认值medium(3px)查看全部
-
重点内容查看全部
-
火狐与IE的差别查看全部
-
<div>透明边框，增大点击区域</div> <label class="checkbox"> <input type="checkbox"/> </label> .checkbox{ display: inline-block; border: 5px solid transparent; box-shadow: inset 0 1px, inset 1px 0, inset -1px 0,inset 0 -1px; background: #fff; background-clip: content-box; color: #d0d0d5; } <div>border等高布局,不支持百分比宽度</div> <div class="box2"> <div class="left"> <h3>导航1</h3> </div> <section> <div class="module">模块1</div> </section> </div> .box2{ border-left: 300px solid #166; background: red; color: #fff; height: 100px; width: 500px; } .left{ width: 300px; margin-left: -300px; float: left; } .left h3{ color: #fff; }查看全部
-
1.border-width不支持百分比（不会因为设备变宽而边框就变宽）语义和使用场景决定的 2.border-width支持关键字： thin（1px），medium（默认值3px），thick(5px) 3.border-style:double至少3px才有效果查看全部
-
等高布局实现 1.一侧为固定像素，可以使用border实现； 2.百分比等高布局，用margin，padding实现查看全部
-
1.background-position（默认相对左上定位）定位局限：只能针对左上定位，不能针对右下定位 2.background-position（相对右边定位效果） border-right:50px solid transparent; background-position:100% 40px; background-position的定位不计算border区域查看全部
-
1.当没有指定border-color（box-shadow,out-line,text-shadow...）的时候，会使用color作为边框色查看全部
-
1.border-style：dashed;虚线 Chrome/FireFox:3:1; IE:2：1 2.border-style:dotted;点线 Chrome/FireFox:方点; IE:圆点（可以实现IE7/8的圆角效果） 3.border-style:double;查看全部
-
1.border-width不支持百分比（不会因为设备变宽而边框就变宽） 2.border-width支持关键字： thin（1px），medium（默认值3px），thick(5px) 3.border-style:double至少3px才有效果查看全部
-
border-top: 60px double; border-bottom: 20px double; 实现三道杠的效果查看全部
-
border-style:solid 实线 dashed 虚线 dotted 点线 double 双线查看全部
-
get查看全部
-
get查看全部
-
css技巧之利用border增加响应区域查看全部
举报
0/150
提交
取消