-
border-style类型：solid（实线）、dashed（虚线）^虚线边框在谷歌火狐中宽高比例为3/1、IE中为2/1、dotted（点线）^点线在火狐谷歌中为方形 IE中为圆形（通过文本溢出隐藏可以做圆角效果）、double（双线）^计算规则为双线宽度永远相等中间区域+1或-1、查看全部
-
filter：drop-shadow png变颜色查看全部
-
可以做圆，做三分等查看全部
-
<style type="text/css"> .box{border-left: 300px solid pink;float: left;background-color: grey;} .left{width: 300px;margin-left: -300px;float: left;} </style> </head> <body> <div class="box"> <nav class="left"> <h3>nav1</h3> </nav> <section> <div class="module">module1</div> </section> </div> <script> document.getElementsByTagName("h3")[0].onclick = function(e){ var nav = document.createElement("h3"); nav.innerHTML = "nav..."; document.getElementsByClassName("left")[0].append(nav); } </script>查看全部
-
border-style:double 制作三实线查看全部
-
border_width不支持百分比，查看全部
-
透明光drop-shadow兼容chrome查看全部
-
右侧定位查看全部
-
chrome内嵌3D图效果时，有可能不是完全相同查看全部
-
三角形实现查看全部
-
四彩边框查看全部
-
三等分查看全部
-
虚线宽度计算规则查看全部
-
做圆角的方法查看全部
-
做圆角查看全部
举报
0/150
提交
取消