设置圆形标题的样式

Question

有没有办法设计这个圆形标题？我被困。现在我不能设置白色背景。

更新＃1：

我的标题html代码：

现在看起来如何：

我使用自定义css的bootstrap。

更新＃2： 正如Eirenaios推荐的那样： ！[在此输入图像说明] [3]

更新＃3。 我通过设置背景标题并将其添加到css中来自行修复它。

我必须删除它属于我的客户的图像。

Answer 1

是的，您可以只用下面的图片替换图片 的 roundhead.png

并更改css

#home-round {
  background:roundhead.png;
  height: 51px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
}    

header {
      background: #fff;
      position: relative;
      overflow: hidden;
      z-index: 1;
    }

  

它肯定会给你你想要的结果。

---

我做了什么！