需要哪類三角形，比如右三角形，則border-width屬性中，右邊為0，在border-style中與之相反的左邊呈所設定的顏色，其他邊為transparent。?

1.右三角形

border-width:?10px 0 10px 10px;

border-color:?transparent?transparent?transparent?#fafafa;

border-style:?solid;

?

2.左三角形

border-width:?10px 10px 10px 0;

?border-color:?transparent #fafafa?transparent?transparent?;

?border-style:?solid;

3.上三角形

border-width:?0 10px 10px 10px;

?border-color:?transparent ?transparent #fafafa?transparent?;

?border-style:?solid;

4.下三角形

border-width: 10px 10px 0 10px;

?border-color: #fafafa?transparent ?transparent ?transparent?;

?border-style:?solid;

轉載于:https://www.cnblogs.com/swii/p/5912417.html

總結

以上是生活随笔為你收集整理的用border-width,border-color画三角形的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。