сделал внешнюю границу заголовка в черном фоне

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;
}