-
實(shí)現(xiàn)響應(yīng)去的大小
查看全部 -
等高布局
查看全部 -
.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（單線邊框） ，實(shí)現(xiàn)圓角邊框。
double（雙線邊框），
查看全部 -
better way
查看全部 -
透明border突破可視區(qū)域的限制
查看全部 -
chrome頁面不兼容
查看全部 -
增加響應(yīng)區(qū)域大小—復(fù)選框
查看全部 -
可用梯形作圓角效果，兼容性好
查看全部 -
實(shí)現(xiàn)梯形。
查看全部 -
實(shí)現(xiàn)三角
查看全部 -
background-position定位只能相對于左上角，當(dāng)需要距離右邊緣時(shí)，可以用border，因?yàn)?00%右側(cè)定位不計(jì)算border區(qū)域
e.g. border-right:50px solid transpanrent;(透明邊框) background-position:100% 40px;
查看全部
舉報(bào)
0/150
提交
取消