css三角形怎么写

CSS三角形可以通过以下几种方法实现：

1、使用border属性：通过设置border的宽度、颜色和样式，可以创建一个三角形，可以使用以下代码创建一个等边三角形：

 .triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid #333; }

2、使用伪元素：通过为元素添加伪元素(如：:before或：:after),可以创建一个三角形，可以使用以下代码创建一个向上的等腰三角形：

 .triangle::before { content: ; position: absolute; left: 0; right: 0; bottom: -50px; border-top: 50px solid #333; }

3、使用transform属性：通过旋转和缩放元素，可以创建一个三角形，可以使用以下代码创建一个向上的等腰三角形：

 .triangle { transform: rotate(45deg) scaleY(1); }

4、使用SVG:使用SVG元素可以更精确地创建三角形，可以使用以下代码创建一个向上的等腰三角形：

 svg viewBox=0 0 100 100： polygon points=50,0 100,100 0,100 style=fill:#333/： /svg：