控制插入边框的两种颜色?

Phi*_*l_t 14 html css border insets

我试图看看是否有办法改变CSS中嵌入边框的两种颜色

如您所知,插入样式在元素上创建边框,从而产生具有嵌入边框的错觉.它通过使底部和右边框成为您选择的颜色来实现此目的,并将顶部和左侧边框的颜色更改为稍暗的阴影.

有没有人知道一种方法,你可以控制黑暗,甚至可能是不同颜色的交替阴影?

#myElement{
    border: inset 1px white;
}
Run Code Online (Sandbox Code Playgroud)

谢谢.

Phi*_*l_t 15

我认为你不能像我提到的那样控制它,但你肯定可以控制每个边框的个别颜色:

#myElement{
  border-style: solid;
  border-width: 1px;
  border-top-color: black;
  border-left-color: black;
  border-right-color: white;
  border-bottom-color: white;
}
Run Code Online (Sandbox Code Playgroud)

  • 确实.+1花时间回答自己,因为我们都有愚蠢的事件,而且我们并不总能找到自己明显的解决方案. (5认同)