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浏览器中，是圆点（可以利用圆点实现圆角效果）
OEmarry婚庆商家电子商务网站系统（又名：OEmarry婚嫁O2O电商平台系统）是O.E研发团队继OElove婚恋网站产品发布之后经长期的深入调研策划后，根据婚庆行业客户实际应用需求而提供的一套以满足企业级（OEPHP MVC架构）大型数据架构及大规模运营需求的解决方案，该系统的集商家展示点评、O2O团购、垂直搜索、分类导行、本地信息、优惠券、商家活动、在线购物、微信营销、广告管理、手机app
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，使得与某侧距离固定）
