css生成一个三角 |删除css jq

首先，在HTML页面中加入一个div元素，设置它的宽和高，以及背景色：

<div class="triangle"></div>

然后，大家需要使用CSS添加一个伪元素，来实现三角形的效果：

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

上面的代码中，大家用border-top、border-left、border-right、border-bottom设置了四个边框，其中左边框为红色，其它三个边框都是透明的。这样，大家就成功生成了一个三角形。

通过这个简单的示例，大家可以看到CSS的强大之处，它可以让大家用极少的代码实现出各种复杂的效果。不过要注意的是，CSS的兼容性和浏览器渲染机制也是需要大家考虑的。