-
實現(xiàn)響應去的大小
查看全部 -
等高布局
查看全部 -
.div1?{ height:200px;?width:600px;? border-right:50px?solid?transparent;? background:100%?30px?#ccc?url(img/HBuilder.png)?no-repeat; }查看全部 -
.icon1{ display:inline-block;width:120px;height:20px;color:#ccc;?border-top:60px?double;?border-bottom:20px?solid; } .icon1:hover{?color:red;}<span?class="icon1"></span>
查看全部 -
<!DOCTYPE?html> <html> <head></head> <style> .add{ display:?block; width:?100px; height:?100px; position:?relative; color:?#ccc; transition:?color?.25s; border:?1px?solid; } .add:before?{ content:?""; width:?80px; position:?absolute; left:?10px; top:?45px; border-top:10px?solid; } .add:after?{ content:?""; height:?80px; position:?absolute;; left:?45px; top:?10px; border-left:?10px?solid; } .add:hover?{ color:?#067; } </style> <body> <div?> </div> <p></p> <a?class="add"?href="javascript:"></a> </body> </html>查看全部 -
等高布局
查看全部 -
solid（單線邊框） ，實現(xiàn)圓角邊框。
double（雙線邊框），
查看全部 -
better way
查看全部 -
透明border突破可視區(qū)域的限制
查看全部 -
chrome頁面不兼容
查看全部 -
增加響應區(qū)域大小—復選框
查看全部 -
可用梯形作圓角效果，兼容性好
查看全部 -
實現(xiàn)梯形。
查看全部 -
實現(xiàn)三角
查看全部 -
background-position定位只能相對于左上角，當需要距離右邊緣時，可以用border，因為100%右側定位不計算border區(qū)域
e.g. border-right:50px solid transpanrent;(透明邊框) background-position:100% 40px;
查看全部
舉報
0/150
提交
取消