css三角形怎么写

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

1、使用border属性：可以使用border-width、border-style和border-color属性来创建三角形，可以使用以下代码创建一个等边三角形：

p {  width: 0;  height: 0;  border-left: 50px solid transparent;  border-right: 50px solid transparent;  border-bottom: 100px solid red;}

2、使用伪元素：可以使用伪元素：:before或：:after来创建三角形，可以使用以下代码创建一个等边三角形：

p {  position: relative;}p::before {  content: "";  position: absolute;  left: 0;  right: 0;  bottom: 0;  height: 0;  border-left: 50px solid transparent;  border-right: 50px solid transparent;  border-bottom: 100px solid red;}

3、使用transform属性：可以使用transform属性的rotate函数来旋转元素并创建三角形，可以使用以下代码创建一个等边三角形：

p {  width: 0;  height: 0;  border-left: 50px solid transparent;  border-right: 50px solid transparent;  border-bottom: 100px solid red;  transform: rotate(60deg);}