前端border的小知识

border的相关用法

border-color边框颜色

border-width边框宽度

border-style边框样式

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

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

使用border写三角形

 

效果如下

三角形在上

 

三角形在下、左、右

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

下:bottom

左:left

右:right

posted @ 2018-12-06 14:22  我想静静i  阅读(504)  评论(0编辑  收藏  举报