CSS是构建网页的重要组成部分，不仅仅可以用来美化网页，还能实现一些酷炫的效果。其中，三角形在网页设计中经常用到，例如做导航栏的箭头等等。我们可以通过CSS中的伪类来实现三角形的效果，下面我们来介绍一下怎样用CSS实现三角形效果。

首先，我们需要用到CSS中的:before或:after伪类，它们可以在一个元素之前或之后插入一个元素。然后通过设置元素的颜色、位置、旋转等属性来实现三角形的效果。以下是示例代码：

.arrow{
position: relative;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid black;
}
.arrow::before{
content: '';
position: absolute;
top: -10px;
left: -10px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid black;
}

上述代码中，我们先定义了一个.arrow类，即一个黑色的三角形。接着，我们再用:before伪类在三角形的顶部插入一个等大的三角形，使其看起来像一个带尾巴的箭头。值得注意的是，在:before伪类中，我们使用了content属性，并将其值设为空字符串，这是为了让CSS识别它为一个元素，以便于进行其他属性的设置。

在上述代码中还设置了边框的宽度、颜色等属性，这些属性可以根据需求进行调整。同时，我们也可以通过旋转等操作来实现不同角度的三角形效果。CSS三角伪类可以让我们实现简单的图形效果，还可以和其他CSS属性组合使用，实现更多高级的网页效果。