如何为容器中的所有元素提供相同的背景颜色？

Question

感谢您对my previous question的快速回复。 “

”页面上的第一件事，我想要一种横幅，包含一些左对齐的文本和一个右对齐的图像，它应该占据整个页面的宽度。

我忘了提及我希望整个“横幅”具有相同的背景colo（u）r。文字，图像和其间的一切。

Answer 1

Something like this？

HTML

<div class="divwrap"> 
    <div class="div1">text</div> 
    <div class="div2"><img src="http://farm4.static.flickr.com/3170/2724062433_68f2af7af7_m.jpg"></div> 
    <div class="divclear"></div> 
</div> 

CSS

.divwrap 
{ 
    background-color: #CCC; 
} 
.div1 
{ 
    float: left; 
} 
.div2 
{ 
    float: right; 
} 
.div2 img 
{ 
    display: block; 
} 
.divclear 
{ 
    clear: both; 
} 

Answer 2

事情是这样的：

<div style="height:100px;width:100%;background:url(yourimage.png);background-position:right;">Yourtext</div> 

Answer 3

.banner{ color:blue; 
     background-color:blue; 
     background:url(yourimage.png); 
     background-position:right; 
     width:100% 
     } 

此外，您可以创建一个新的类，以便在div为旗帜可以继承的属性，这样你可以单独股利的图像和文字