[分享]css写一个倒三角

CSS写一个倒三角可以使用border属性，下面我们将逐步讲解如何实现：

.triangle {
  border-width: 50px 50px 0 50px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
} 

首先，我们定义一个类名为triangle的元素，并在CSS中设置边框宽度为50px，分别对应上、右、左三个方向，同时设置下边框宽度为0，则可以得到一个底角平衡的等腰三角形。

接下来，我们使用border-color属性来对边框进行颜色填充，由于需要使底部和左右两侧的边框透明，因此设置为透明，而上方则填充为实色，可根据需要自行更改颜色值，最终生成的代码如下：

.triangle {
  border-width: 50px 50px 0 50px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
} 

使用上述CSS代码，我们就可以轻松地得到一个漂亮的倒三角。