更改边框凹槽第二个颜色？ [英] Change border groove second color?

问题描述

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

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

解决方案

$ c> groove style，请参阅： http://jsfiddle.net/LbH92/9/

HTML：

 < div class =border > 
我喜欢两种边框颜色< br />我也是Fluid 
< / div> 
  

CSS：

  div.border {
 border-right：2px solid #ffffff; 
 border-top：2px solid #cccccc; 
职位：亲属; 
} 
 div.border：之前{
位置：绝对; 
 display：block; 
内容：''; 
 border-right：2px solid #cccccc; 
 border-top：2px solid #ffffff; 
身高：100％; 
宽度：100％; 
 box-sizing：border-box; 
 -moz-box-sizing：
 border-box; -webkit-box-sizing：
 border-box; 
} 
  

希望能解决问题！

I'm using border groove but I need to edit the second color.

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

解决方案

You need some CSS trick to make like groove style, see this: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;
    }

Hope will solve problem!

这篇关于更改边框凹槽第二个颜色？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！