CSS是网页设计中不可或缺的一部分,其中背景占据了很重要的一部分。在设计中,我们可能需要使背景充满整个屏幕,下面将介绍如何实现背景满屏。
html, body { height: 100%; } body { margin: 0; padding: 0; background-image: url('background.jpg'); background-size: cover; background-position: center; }
首先,在HTML和body元素中,设置高度为100%来让页面占据整个屏幕。然后,去除body的margin和padding,以保证背景充满整个页面。
接下来,在body的样式中,添加背景图片,并设置background-size为cover来拉伸图片尺寸以填充整个屏幕。background-position设置为center以使图片在水平和垂直方向上都居中。
以上代码即可实现满屏背景,可根据实际情况对URL和尺寸进行相应的调整。