繪制三角形的效果如圖
<html lang="zh-cn">
<head><meta charset="UTF-8"><title>demo</title><style>* {margin: 0;padding: 0;}.box {/* 盒子寬高改成零就變成三角形 ，需要哪個方向的三角形就設置哪個方向的三角形邊框*/width: 0;height: 0;margin: 100px auto;border: 8px solid red;border-top-color: blue;border-left-color: yellow;border-bottom-color: green;}</style></head>
<body><div class="box"></div>
</body>
</html>
![【代碼隨想錄】【算法訓練營】【第58天】 [卡碼110]字符串接龍 [卡碼105]有向圖的完全可達性 [卡碼106]島嶼的周長](http://pic.xiahunao.cn/【代碼隨想錄】【算法訓練營】【第58天】 [卡碼110]字符串接龍 [卡碼105]有向圖的完全可達性 [卡碼106]島嶼的周長)
)
