前端border的小知识

border的相关用法

border-color边框颜色

border-width边框宽度

border-style边框样式

border也可以写成复合样式border: color width style;

border-radius边框半径可以把边框线变成圆角

使用border写三角形

效果如下

三角形在上

三角形在下、左、右

只需改变border-top-color中的top为需要的方位即可

下：bottom

左：left

右：right