css中background属性引入图片url()中地址

风雨兼程^_^

已于 2023-03-17 09:26:12 修改

阅读量7.5k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Css 文章标签：前端 html javascript

于 2022-08-10 09:44:55 首次发布

4 篇文章

订阅专栏

本文详细介绍了CSS中背景属性的使用方法，包括背景颜色、背景图片的设置方式，以及如何控制背景图片的重复、定位和固定等特性。适用于前端开发者快速掌握CSS背景属性的应用技巧。

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

background: url(https://58d.oss-cn-hangzhou.aliyuncs.com/website2022/shoes.png);

background: url(../src/img/app.png);

background: url(file:///D:/APP/src/img/app.png);

另附：

参数	描述	值
background-color	设置元素的背景色。	color-name color-rgb color-hex transparent
background-image	设置背景图像。	url(URL) none
background-repeat	设置背景图像是否及如何重复。	repeat repeat-x repeat-y no-repeat
background-attachment	背景图像是否固定或者随着页面的其余部分滚动。	scroll fixed
background-position	设置背景图像的起始位置。	top left top center top right center left center center center right bottom left bottom center bottom right x% y% xpos ypos