在黑色背景外 header 边框

Question

我在这里遇到了死胡同。我认为这应该很简单，但我不知道怎么做。

如果你看到这个网站 header, http://effectiveadvisory.com/wingwah-may/ ，我已经做了边框半径。现在，我如何让外边框变成黑色？

这是headerdivcss.

header.header.main-header {
  border: 2px solid rgba(160, 160, 160, 0.2);
  border-radius: 30px;
}

我尝试用黑色输出 outline-style 属性，但没有任何反应。

Answer 1

将父级背景设置为黑色，然后将不透明背景设置为页眉。像这样：

.header-wrapper {
  background: black;
}

header.header.main-header {
  border: 2px solid rgba(160, 160, 160, 0.2);
  border-radius: 30px;
  background: white;
}