-
border-width还支持关键字：thin medium（默认值）thick thin 薄薄的 1px medium 薄厚均匀 3px thick 厚厚的 5px查看全部
-
border_width不支持百分比值查看全部
-
border-style:double查看全部
-
solid 实线 dashed 虚线 chrome、Firefox 宽高 3:1 ie 宽高 2:1 dotted 点线 chrome、Firefox 方 ie 圆 ie8- 圆角 .box{ width:150px; height:150px; overflow:hidden; } .dotted{ width:100%; height:100%; border:149px dotted #cd0000; } double 双线 上下线宽度永远相等，中间间隔+-1 .three-bars{ width: 120px; height: 20px; border-top: 60px double; border-bottom: 20px solid; } inset 内凹 outset 外凹 groove 沟槽 ridge 山脊查看全部
-
border border-width 不能用百分比表示 由使用场景决定的,因为边框大小不会因为元素大小变化而成比例变化 类似的还有outline,border-shadow,text-shadow 支持关键字,thin(1px),medium(3px,默认),thick(5px).查看全部
-
border-color默认颜色就是color 只要一个color hover变化，就可以一起变色！且transition过渡只要一个color属性查看全部
-
border-style:double至少3px才有效果查看全部
-
border-width 不能用百分比表示,这是由使用场景决定的,因为边框大小不会因为元素大小变化而成比例变化,例如手机和电脑显示器边框宽度类似,支持关键字,thin(1px),medium(3px,默认),thick(5px). 类似的还有outline,border-shadow,text-shadow查看全部
-
IE实现圆角 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> .box { width: 100px; height: 100px; border: 2px solid #FF0000; overflow: hidden; } .dotteda { width: 100%; height: 100%; border: 99px dotted #FF0000; overflow: hidden; } </style> <body> <div class="box"> <div class="dotteda"></div> </div> </body> </html>查看全部
-
利用边边框实现3等线查看全部
-
border-width不支持百分比查看全部
-
增大响应区域查看全部
-
实现圆角查看全部
-
实际应用场景查看全部
-
透明 透明 透明查看全部
举报
0/150
提交
取消