自定义条目标题

时间:2014-10-04 20:07:01

标签: html css title

我正在玩CSS,但我想做一些我想到的事情而且我无法做到;我不知道该怎么做。见this is the website I'm testing。如果您看到条目标题,则它们具有黑色背景。但我希望这个背景占据整个空间,如下所示:See the photo.

我需要什么代码?

1 个答案:

答案 0 :(得分:0)

这应该可以解决问题: 负边距放大黑盒子,填充以保持文本回到它的原始位置。

这样做有点脏,但那是最短的解决方案。

只需将其添加到您的css代码的末尾:

#contentmiddle div.title > h1{
  margin-left: -40px;
  margin-right: -40px;
  margin-top: -40px;
  padding: 50px;
  padding-bottom: 30px;
}

或者更短的一个:

#contentmiddle div.title > h1{
  margin: -40px;
  padding: 50px;
  margin-bottom: 20px;
  padding-bottom: 30px;
}