- 普通边框
border:5px solid red;
border-bottom:30px solid red;
border-top-color: red;
1. solid:实线 dotted:圆点线 dashed:虚线
2. border是对四条边的3个属性(width/style/color)进行设定,也可以指定一条边
- 边框使用图片
border:30px solid transparent;
border-image:url(./border.png) 30 round;
1. 边框线形必须为实线,颜色无所谓
2. 30:角上的像素
3. round:边上重复且为整个的图案,若用repeat则不能保证为整个的图案
- 用边框画三角形(利用边框斜切)
- 左右边框颜色为透明transparent
- 底边为任意颜色
- 调整长度使编程三角形