盒子背景

background-image
设置背景图
background-image: url('图片路径');

background-repeat
控制背景图片是否重复以及如何重复。
常见值:
repeat (默认值):背景图片在水平和垂直方向上重复。
no-repeat :背景图片不重复。
repeat-x :仅在水平方向重复。
repeat-y :仅在垂直方向重复。

background-size
控制背景图片的尺寸。
常见值:
auto (默认值):保持图片原始大小。
具体尺寸(如 200px 100px ):设置宽度和高度。
百分比(如 50% 50% ):相对于容器的百分比。

background-position
设置背景图片的初始位置。
常见值:
(1)关键字:
top 、 center 、bottom (垂直方向)。
left 、center 、right (水平方向)。
(2)具体数值或百分比(如 50px 100px 或 50% 50% )。

posted @ 2026-07-09 21:41  禁止睡觉stooop  阅读(6)  评论(0)    收藏  举报