-
border-width不支持百分比。常用默認值medium(3px)查看全部
-
重點內(nèi)容查看全部
-
火狐與IE的差別查看全部
-
<div>透明邊框，增大點擊區(qū)域</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支持關(guān)鍵字： thin（1px），medium（默認值3px），thick(5px) 3.border-style:double至少3px才有效果查看全部
-
等高布局實現(xiàn) 1.一側(cè)為固定像素，可以使用border實現(xiàn)； 2.百分比等高布局，用margin，padding實現(xiàn)查看全部
-
1.background-position（默認相對左上定位）定位局限：只能針對左上定位，不能針對右下定位 2.background-position（相對右邊定位效果） border-right:50px solid transparent; background-position:100% 40px; background-position的定位不計算border區(qū)域查看全部
-
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:圓點（可以實現(xiàn)IE7/8的圓角效果） 3.border-style:double;查看全部
-
1.border-width不支持百分比（不會因為設備變寬而邊框就變寬） 2.border-width支持關(guān)鍵字： thin（1px），medium（默認值3px），thick(5px) 3.border-style:double至少3px才有效果查看全部
-
border-top: 60px double; border-bottom: 20px double; 實現(xiàn)三道杠的效果查看全部
-
border-style:solid 實線 dashed 虛線 dotted 點線 double 雙線查看全部
-
get查看全部
-
get查看全部
-
css技巧之利用border增加響應區(qū)域查看全部
舉報
0/150
提交
取消