三角形怎么实现，用css画一个三角形。三角形是很多前端面试题都会出现的一个高频问题，今天就来教大家怎么用css实现一个三

三角形是很多前端面试题都会出现的一个高频问题，今天就来教大家怎么用css实现一个三角形。

//这里是css部分
<style>
        #box {
            width: 0;
            height: 0;
            border-width: 10px;
            border-style: solid;
            border-color: transparent red transparent transparent;
        }
 </style>
 
 //body部分
<body>
    <div id="box"></div>
</body>

思路就是：新建一个盒子，不用给它宽高，用边框来撑开盒子，分别设置边框的宽度，样式，四个方向的颜色。border-color的方向遵循顺时针，想要让三角形朝不同的方向，更改顺序即可。