1. 程式人生 > >前端border的小知識

前端border的小知識

border的相關用法

border-color邊框顏色

border-width邊框寬度

border-style邊框樣式

border也可以寫成複合樣式border: color width style;

border-radius邊框半徑可以把邊框線變成圓角

使用border寫三角形

 

效果如下

三角形在上

 

三角形在下、左、右

只需改變border-top-color中的top為需要的方位即可

下:bottom

左:left

右:right