CSS设置背景铺满屏幕且不重复

雪华杉

已于 2022-01-29 18:14:37 修改

阅读量1w

点赞数 7

分类专栏： HTML_CSS 文章标签： css css3 前端

于 2022-01-29 18:13:23 首次发布

本文链接：https://blog.csdn.net/weixin_54622151/article/details/122746270

版权

HTML_CSS 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了CSS中用于设置背景图片的各个属性，包括如何使背景图片不随页面滚动而滚动、如何控制背景图片的重复方式以及如何调整背景图片的尺寸等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

body{
	background-image:url("img/科技2.jpg");
	background-repeat:no-repeat;/*设置背景不重复*/
	background-attachment:fixed; /*背景图片不会随着页面的滚动而滚动。*/
	background-size:cover;/*	此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。*/
}