Question

我正在使用边框凹槽，但我需要编辑第二种颜色。

border-right: 2px groove #FFFFFF;
border-top: 2px groove #FFFFFF;

Answer 1

你需要一些CSS技巧来制作groove样式，请看：http://jsfiddle.net/LbH92/9/

HTML：

<div class="border">
Hi I have two border colors<br />I am also Fluid
</div>

CSS：

div.border{
    border-right:2px solid #ffffff;
    border-top:2px solid #cccccc; 
    position:relative;
}
div.border:before{
    position:absolute; 
    display:block; 
    content:''; 
    border-right:2px solid #cccccc;
    border-top:2px solid #ffffff; 
    height:100%; 
    width:100%; 
    box-sizing: border-box; 
    -moz-box-sizing: 
    border-box; -webkit-box-sizing: 
    border-box;
    }

希望能解决问题！

Answer 2

我担心你无法改变凹槽边框的第二种颜色。你应该使用：after。

制作两个不同的边框

Answer 3

border-top: 2px groove #ff0000;

使用此代码

改变边框凹槽第二种颜色？

3 个答案: