Question

我创建了一个div。在div的右边界有一个边框图像，在左边框上我想要有彩色边框。问题是当我改变颜色时它没有出现。我怎样才能解决这个问题？这是我的FIDDLE

CSS：

div{
    height:200px;
    width:200px;
    background:#EA6E0E;
    border-image-slice: 0 31 0 0; 
    border-image-width: 0px 20px 0px 0px; 
    border-image-outset: 0px 0px 7px 0px; 
    border-image-repeat: stretch stretch; 
    border-image-source: url("http://i.imgur.com/pN8TPVw.jpg?1");

    border-radius:8px;
    border-left:8px solid #000; //NOT WORKING
}

Answer 1

你不能设置边框图像和边框左边，你可以做的是给出一个左边框，然后你可以创建一个作为边框的div而不是边框图像。通过给父div（带边框的那个）position: relative;（所以他的所有子元素都相对于他的位置）和border-div a height: 100%; position: absolute; right: 0; width: 20px;

来做到这一点

FIDDLE

边框颜色不变

1 个答案: