[分享]css两张背景图怎么控制

许多网页设计中都需要使用两张背景图，通常分别是一个底部背景和一个头部背景，但是如何控制这两张背景图是个问题。在CSS中，我们可以使用backgroundimage属性定义背景图像的URL，但是如果定义...

许多网页设计中都需要使用两张背景图，通常分别是一个底部背景和一个头部背景，但是如何控制这两张背景图是个问题。

在CSS中，我们可以使用background-image属性定义背景图像的URL，但是如果定义两个以上的背景图像，我们需要使用background属性。

background: url("header_bg.png") repeat-x top,
            url("footer_bg.png") repeat-x bottom; 

如上所示，CSS代码中使用background属性同时控制了头部背景和底部背景的位置、重复方式等属性。其中，第一个URL是头部背景图片，使用repeat-x重复横向，并且放置在顶部（top）；第二个URL是底部背景图片，同样使用repeat-x重复横向，并且放置在底部（bottom）。