复制此CSS格式

Question

这段代码似乎需要AngularJS，但我希望具有CSS技能的人能够很容易地复制这一代码。

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

它在这个网站上：http://sarasparodandgun.org/pages/saraspa

标题是"SARASPA主页“，后面是”梯度“灰色。灰色有反应。我尝试过使用title和decoration css，但是它没有对我正确地排列。我确信这与block-header、ng-scope和ng-binding有关，但我在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>

谢谢

Answer 1

灰色背景在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;
}

这里有一个影响的小提琴：http://jsfiddle.net/yjnu3ypz/