复制此CSS格式

似乎我需要AngularJS来编写这段代码，但我希望有CSS技能的人可以轻松复制这段代码

我正试图复制另一个网站，这只是一个HTML页面

在这个网站上：

标题是“萨拉斯帕之家”，后面是灰色的“渐变”。灰色反应灵敏。我试过使用

标题

，和

装饰

css，但它对我来说并不合适。我确信它与

块头

、

ng范围

和

ng绑定

有关，但我在firebug上看不到它

<div class="block-header ng-scope">
  <h2>
    <span class="title ng-binding"> SaraSpa Home </span>
    <span class="decoration"></span>
    <span class="decoration"></span>
    <span class="decoration"></span>
  </h2>
</div>

萨拉斯帕之家酒店

---

谢谢

灰色背景在h2上。灰色中的白色破折号是装饰跨距

样式中没有任何东西需要角度

以下是相关规则：

.block-header h2 {
  background: #eee none repeat scroll 0 0;
  color: #515151;
  font-family: "Lato",sans-serif;
  font-size: 24px;
  font-weight: 300;
  margin: 40px 0;
  text-transform: uppercase;
}
.block-header h2 .title {
  background: #fff none repeat scroll 0 0;
  padding: 0 15px 0 0;
}
.block-header h2 .decoration {
  background: #fff none repeat scroll 0 0;
  margin-left: 5px;
  padding-left: 3px;
}

下面是一些效果：

---

在chrome中，你可以用鼠标右键点击每一位并按下inspect，从这里你可以看到应用于该区域的所有css。为什么你需要Angular？我想补充一点，因为它在Wordpress主题中，其他类都在css上运行，所以我必须调整：

h2{padding bottom:0px；}

和

边距：0px 0我知道我没有在我的帖子中详细说明，但我没有想到我会遇到周围的
s