width - 元素宽度
height - 元素高度
border 边框 border-width -边框宽度
border-color-边框颜色(关键词、rgb、rgba、十六进制颜色)
border-style-边框样式(solid-直线、dotted-点线、dashed-虚线、double-双线)
复合样式:border: width style color
多值书写: 一个值:四条边一样
两个值:上下 和 左右
三个值:上 和 左右 和 下
四个值:上 和 右 和 下 和 左 在样式表中,给同一个元素添加同一条样式,后面覆盖前面的。
边框的特性 - 同一个元素,相交的两条边框,连接处是斜线(利用此特性可以实现小三角) - 元素的宽 / 高 = width + 边框 / height + 边框 border-radius-边框圆角 数值表示方法:1)具体单位(px) 2)百分比 圆角半径:x/y(如果x和y一样,可以只写一个值)
注意:如果四个角都要用不一样的x半径和y半径,写法如下:
border-radius:10px 30px 50px 70px / 20px 40px 60px 80px;
如果你去掉中间区域 并隐藏你就可以得到一个三角形了 :transparent透明,让这个三角形毫无痕迹rgba(red,green,blue,alpha) a-控制透明度,取0 - 1的值,表示0%~100%小数点前面的0可以省略,例如:0.5