border的属性
1.border-width:不支持百分比,支持关键字,thin(1px),medium(默认值,3px,默认值是3px的原因是只有当border是3px及以上时,border-style才有效
果),thick(5px)
2.border-style:有不同值,下面分析分别为不同值时的应用
a.solid:可以实现三角,梯形
立即学习“前端免费学习笔记(深入)”;
用solid实现三角和梯形
我是三角形我是梯形 b.dashed:虚线,在chrome/Firefox浏览器中,虚线和实线的比例是3:1(稀),在IE浏览器中,比例是2:1(密)
c.dotted:点线,在chrome/Firefox浏览器中,是方点,在IE浏览器中,是圆点(可以利用圆点实现圆角效果)
《PHP设计模式》首先介绍了设计模式,讲述了设计模式的使用及重要性,并且详细说明了应用设计模式的场合。接下来,本书通过代码示例介绍了许多设计模式。最后,本书通过全面深入的案例分析说明了如何使用设计模式来计划新的应用程序,如何采用PHP语言编写这些模式,以及如何使用书中介绍的设计模式修正和重构已有的代码块。作者采用专业的、便于使用的格式来介绍相关的概念,自学成才的编程人员与经过更多正规培训的编程人员
d.double:双线,计算规则,双线宽度永远相等,中间间隔+-1,例如,3px=1(内)+1(中间间隔)+1(外),可以实现三道杠图形。
e.inset(内凹),outset(外凸),ridge(沟槽):风格过时,兼容性差,没有什么使用场景
3.border-color:在不指定color时,使用color作为边框色,可以利用这一特性,简化链接改变颜色时的css样式代码。例如:
鼠标移动时边框颜色的改变
哈哈
4.利用border可以实现背景图像的定位,因为背景图像在定位时是不计算border的
5.利用border实现等高布局,缺点是不支持百分比宽度
(4,5类似,都是利用border,使得与某侧距离固定)









