做一个标题全屏(宽)css

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

解决方法

Live Demo

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

标记

<div id="header">
    <div id="headerContent">
        Header text
    </div>
</div>

CSS

#header{
    width:100%; 
    background: url(yourimage);
}
#headerContent{
    margin: 0 auto; width: 960px;
}
原文链接:https://www.f2er.com/css/214036.html

猜你在找的CSS相关文章