border 边框

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

 

原文地址:https://www.cnblogs.com/yijieyufu/p/14929022.html