CSS倒三角，是一种非常简单而且实用的效果，可以用于按钮、弹窗等各种界面设计中。下面是如何实现倒三角效果的具体方式：

//html代码
<div class="triangle"></div>
//CSS代码
.triangle{
display:inline-block;
width:0;
height:0;
border-width:10px;
border-style:solid;
border-color:#000 transparent transparent transparent;
}

上述代码中，我们在HTML中使用了一个class名为“triangle”的div元素，然后在CSS中设置这个div的样式，以实现倒三角效果。

首先，我们将该div元素的显示方式设置为inline-block，这样它就可以在一行内与其他元素并排显示。

然后，我们将该div元素的宽度和高度都设置为0，这就是为什么我们看不到这个元素。

接着，我们设置了边框的宽度，这里是10px，可以根据需求进行调整。

最后，我们使用border-color属性来设置边框的颜色，这里使用了transparent，表示该边框是透明的，只有在左、右两侧的边框才显示颜色，从而形成了倒三角的形状。

总之，CSS倒三角效果是一种非常实用的技巧，只需简单几行代码便可实现，能够提升界面设计的美观度，并且可以根据实际需求进行灵活调整。