[分享]css中框颜色只有一半怎么设置

CSS中框的颜色只有一半？那么我们该怎么设置呢？

border: 10px solid;
    border-image: linear-gradient(to bottom, #c6d6e1 50%, #fff 50%);
    border-image-slice: 1; 

以上代码就是解决此问题的方法，先通过border属性设置边框，然后使用border-image属性，通过线性渐变设置边框颜色，50%的区域设置为#C6D6E1颜色，剩余区域设置为白色，最后使用border-image-slice属性设置每个边框图像的大小。这样就可以实现框的颜色只有一半的效果了。