这个CSS的哪个部分使这个三角形变钝？

这是红色声音泡泡中钝角三角形的代码，表示“57”。我看到边框宽度用于控制三角形，但为什么三角形是钝角而不是直角？

我相信您需要

前面的
和
后面的
选择器：

.example-number:after {
    border-color: transparent #FFFFFF;
    border-style: solid;
    border-width: 0 0 140px 55px;
    bottom: -140px;
    content: "";
    position: absolute;
    right: 85px;
}

红色是用
：before
创建的，部分是用
：after
删除的。jswolf19是正确的。如果你特别时髦，你也可以这样做：

/* creates the larger triangle */
.example-number:before {
    content:"";
    position:absolute;
    bottom:-140px;
    right:0;
    border-width:0 0 140px 140px;
    border-style:solid;
    border-color:transparent #C91F2C;
}

/* creates the larger triangle */
.example-number:after {
    content:"";
    position:absolute;
    bottom:-140px;
    right:85px; 
    border-width:0 0 140px 55px;
    border-style:solid;
    border-color:transparent #fff;
}

。。。跳过
：在
之后-注意，我唯一更改的是
变换：skewX（-30度）和
右侧
从0到40px

.example-number:before {
     content: "";
     position: absolute;
     bottom: -140px;
     right: 40px;
     border-width: 0 0 140px 100px;
     border-style: solid;
     border-color: transparent #C91F2C;
     -webkit-transform: skewX(-30deg);
     -moz-transform: skewX(-30deg);
     transform: skewX(-30deg);
}