css - 更改边框高度

Question

我有一个带有三 Angular 形后边框的 div，但我想降低三 Angular 形的高度。 jsfiddle

<div class="box">
    <div class="content"></div>
</div>

.box {
    width: 200px;
    height: 120px;
    position: relative;
    background-color: #88b7d5;
}
.box:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #88b7a1;
    border-width: 100px;
    margin-left: -100px;
}

Answer 1

在 .box 添加一个 this:after definition:

border-top-width: 50px;

https://jsfiddle.net/13uwb7kb/