在黑色背景中制作外部标题边框

Question

我在这里死胡同。我认为这很简单，但我不知道如何。

如果您看到此网站标题http://effectiveadvisory.com/wingwah-may/，那么我已经确定了边界半径。现在，我要如何使外部边框为黑色？

这是标题div CSS。

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

我尝试用黑色显示轮廓样式的属性，但是什么也没发生。

Answer 1

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

.header-wrapper {
  background: black;
}

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