首先,要在 CSS 中添加背景图片,需要用到 background-image 属性。它的基本语法如下:
background-image: url("图片路径");
其中的 “图片路径” 是你要添加的图片的链接或路径。
如果你想要将图片平铺在整个元素中,可以使用 background-repeat 属性。它有四个可选值:repeat, repeat-x, repeat-y 和 no-repeat 。repeat 表示图片在水平和垂直方向上都平铺,repeat-x 和 repeat-y 表示只在水平或垂直方向上平铺,no-repeat 则表示不铺平。
background-repeat: repeat-x;
除了平铺图片,你还可以通过 background-position 属性来控制图片在元素中的位置。这个属性有两个值:横坐标和纵坐标,分别可以用百分比、像素或关键字(如 left, right 和 center 等)来表示。
background-position: 50% 50%;
最后,你可以使用 background-size 属性来控制图片的大小。这个属性可以使用像素、百分比或关键字(如 cover 或 contain )来表示。cover 表示图片将填满整个元素,而 contain 表示图片将在元素中居中,并保持其原始大小。
background-size: cover;
这些是 CSS 图片背景的基础知识。通过这些属性,你可以轻松地添加、平铺、定位和调整你的背景图片。