为边缘设置CSS边框颜色

Gis*_*ald 1 html css html5 css3

有没有办法设置边框的"重要"颜色:

我想要在左边框上显示顶部边框

我希望你知道我的意思,并抱歉我的英语不好.

演示

HTML:

<div class="border">
    test
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.border {
    border-top: 4px solid #ccc;
    border-left: 4px solid #06f;
}
Run Code Online (Sandbox Code Playgroud)

Lia*_*iam 5

我只能看到如何做到这一点就是改变HTML

小提琴

<div class="border">
     <div class="border2">
        test
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.border {
    border-top: 4px solid #ccc;
}

.border2{
     border-left: 4px solid #06f;
}
Run Code Online (Sandbox Code Playgroud)