代码之家  ›  专栏  ›  技术社区  ›  iceiceicy

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

  •  -1
  • iceiceicy  · 技术社区  · 6 年前

    我已经死定了。我想应该很简单,但我不知道怎么做。

    如果你看到这个网站的标题, http://effectiveadvisory.com/wingwah-may/ ,我已经做了边界半径。现在,我怎么才能让外面的边界是黑色的呢?

    这是标题div css。

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

    我试着用黑色画出轮廓样式的属性,但什么也没发生。

    1 回复  |  直到 6 年前
        1
  •  0
  •   Ranto Rasolomahefa    6 年前

    将父背景设置为黑色,然后将不透明背景设置为标题。这样地:

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