将边框放在形状上

Question

我正在尝试将边框插入到我创建的css形状中。

这里是我创建的css形状

这里插入边框时会发生什么

我的css需要更改什么？

.jologo{
   width: 200px;
   height: 0; 
   border-bottom: 40px solid #262627;
   border-left: 5px solid #f15c5c;
   border-right: 40px solid transparent;

}

由于

Answer 1

在不更改HTML的情况下，您始终可以通过绝对伪元素添加边框。请务必相对定位父元素。 (example)

.jologo:after {
    content:'';
    position:absolute;
    background:#f15c5c;
    height:40px;
    left:0;
    width:5px;
}

您的边框无法正常工作的原因是因为this is how边框已添加到元素中：

因此，如果元素的高度为0，您将获得一个倾斜的边框。