做一个标题全屏(宽)css

前端之家收集整理的这篇文章主要介绍了做一个标题全屏(宽)css前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图扩展我的标题来覆盖整个页面. http://dev.webgrowth.biz/我想要这样一个 http://www.webgrowth.biz/我已经尝试了几个小时了.任何帮助将高度赞赏.

解决方法

Live Demo

您可以使用容器元素来实现效果,然后将包含元素边距设置为0,它将居中.

标记

  1. <div id="header">
  2. <div id="headerContent">
  3. Header text
  4. </div>
  5. </div>@H_403_11@
  6. CSS

  7. #header{
  8.     width:100%; 
  9.     background: url(yourimage);
  10. }
  11. #headerContent{
  12.     margin: 0 auto; width: 960px;
  13. }@H_403_11@

猜你在找的CSS相关文章