在绝对边框上应用颜色

时间:2017-12-12 08:02:16

标签: html css

如何将颜色应用于下图(目前为白色,不确定如何更改)?

Without Background Color

这是css

.carousel-inner:after {
    right: 0px;
    border-right: 100vw solid #ffffff;
    border-left: 0px solid white;
}

如果我尝试添加背景颜色,则会像这样应用:

With Background Color

.carousel-inner:before, .carousel-inner:after {
    content: "";
    position: absolute;
    bottom: 0px;
    border-top: 123px solid transparent;
    border-bottom: 0px solid transparent;
    width: 50%;
    overflow: hidden;
    z-index: 9;
    z-index: 0;
    /* background: red; */
}

谢谢!

1 个答案:

答案 0 :(得分:0)

在这些情况下,你操纵"背景颜色"通过改变边框颜色。你能尝试编辑这个:

.carousel-inner:after {
    right: 0px;
    border-right: 100vw solid #ffffff;
    border-left: 0px solid white;
}

并将#ffffffwhite替换为您想要的颜色?