手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

css如何设置body背景图满屏

时间:2024-10-16 13:56:28

1、新建一个html文件,命名为test.html,用于讲解css如何设置body背景图满屏。

css如何设置body背景图满屏

2、在css标签内,通过body元素名称定义它的样式。

css如何设置body背景图满屏

3、在css标签内,使用background属性设置body的背景图4.jpg,不重复饺咛百柘显示(no-repeat),居中显示(center)。

css如何设置body背景图满屏

4、在css标签内,再将background-size属性设置为cover,让背景图基于容器大小伸缩。

css如何设置body背景图满屏

5、在css标签内,再将background-attachment属性设置为fixed,固定背景图的位置。

css如何设置body背景图满屏

6、在浏览器打开test.html文件,查看实现的效果。

css如何设置body背景图满屏
© 手抄报圈