body { margin: 0; padding: 0; background-image: url("bg.jpg"); background-repeat: no-repeat; background-size: cover; }
注意,上述样式中的”bg.jpg”路径应根据您网站中的实际图片路径进行修改。
通过使用background-size属性,您可以保证背景图片始终占满整个浏览器窗口。同时,您可以使用background-repeat属性来防止背景图片的出现重复或缩放。
如果您想更改背景颜色而不是使用背景图片,您可以这样写:
body { margin: 0; padding: 0; background-color: #e7e7e7; }
注意,上述样式中的颜色代码可以根据您自己的偏好进行更改。
总的来说,通过CSS3的body全屏特性,您可以很容易地为您的网站创建现代且具有吸引力的设计。无论是使用背景图片还是背景颜色,只需一些简单的CSS代码就可以实现。