来做一个导航：
<style typr="text/css">
*{margin:0padding:0border:0}
.navbg{background:redheight:50px}
.nav{width:980pxheight:50pxmargin:0 auto}
li{float:leftmargin:10pxline-height:30px}
</style>
<div class="navbg">
<div class="nav">
<ul>
<li>首页</li>
<li>联系我们</li>
<li>留言</li>
</ul>
</div>
</div>
放在<body>里试一下便知
如果<style>里再加一句 body{width:980pxmargin:0 auto}则不能铺满屏幕，只有980px。
background-repeat: repeat-x使用“CSS 样式定义”对话框的“背景”类别可以定义 CSS 样式的背景设置。可以对网页中的任何元素应用背景属性。
加了background-repeat:repeat-x之后,背景现在只在X轴即横向进行了平铺操作，纵向并没有进行平铺。这便是css对于背景细节的控制之一。background-repeat是针对背景平铺的属性设置，可选的值包含：
代码如下:
repeat 即默认方式，完全平铺背景；
no-repeat 在X及Y轴方向均不平铺；
repeat-x 横向平铺背景；
repeat-y 纵向平铺背景。
您好，非常荣幸能在此回答您的问题。以下是我对此问题的部分见解，若有错误，欢迎指出。你好！css中有一个背景图片的属性可以解决这个问题哦 你可以尝试下：background-repeat no-repeat
这个属性哦。非常感谢您的耐心观看，如有帮助请采纳，祝生活愉快！谢谢！
