CSS背景重复-X的问题

我在CSS初学者，我试着做出头，但我遇到了一些问题，在这里是我的问题CSS背景重复-X的问题

我有CSS代码这个和平水平重复背景，但我想背景涵盖正是我写的不多（有下我写的东西显示额外的颜色，我无法上传我的照片）

<!DOCTYPE html> 
<html> 
<head> 

<style> 
.Container_16 { 
margin-left:auto; 
margin-right:auto; 
width:960px; 


} 

.Container_5 { 

float:left; 

} 
#Title { 
font-size:68px; 
font-family:sans-serif; 
} 
.Container_11{ 

float:left; 

color:white; 
} 
li{ 
list-style-type:none; 
display:inline; 
padding-left:15px; 
color:white; 
font-size:20px; 
font-family:sans-serif; 
margin-top:30px; 
} 
nav{ 
margin-left:150px; 
text-align:right; 
margin-top:30px; 
margin-right:250px; 
} 

body{ 
min-width:960px; 
background-image:url("bg.png"); 
background-repeat:repeat-x; 

} 

</style> 
<body> 
<div class="Container_16"> 
<div class="Container_5" id="Title"><a href="http://www.facebook.com" target="_blank">Book.me</a>  </div> 
<div class="Container_11"><nav> 
<ul> 
<li>one</li> 
<li>Two</li> 
<li>Three</li> 
<li>Four</li> 
</ul> 
</nav></div> 
</div> 

</body> 
</head> 
</html>

来源

2014-09-10 user3560518

那么，有什么问题呢？ '身体'有100％的设备，所以你会看到图像重复100％。 – Justinas 2014-09-10 10:41:51

当我重复它的颜色是不是只覆盖我想要的块，但它下面几乎80px下 – user3560518 2014-09-10 11:07:24

要只适用背景图片至Facebook的链接，使用这个CSS：

#title > a { 
    background: url('bg.png') repeat-x; 
}

来源

2014-09-10 10:44:27 Justinas

因为您将background设置为body。我看到你有<div class="Container_16"> 其中你有所有的文字。所以你可以只将背景设置为该div。

CSS

body{ 
min-width:960px; 
} 
.Container_16 { 
margin-left:auto; 
margin-right:auto; 
width:960px; 
height:100px; 
background-image:url("image.png"); 
background-repeat:repeat-x; 
}

DEMO

来源

2014-09-10 11:07:20

CSS背景重复-X的问题

回答

相关问题