许多网页设计中都需要使用两张背景图,通常分别是一个底部背景和一个头部背景,但是如何控制这两张背景图是个问题。在CSS中,我们可以使用background-image属性定义背景图像的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)。
粉丝
0
关注
0
收藏
0