CSS background 之设置图片为背景技巧

当使用 CSS 的 background 属性设置背景图片时，可以使用以下技巧：

1. 使用 background-image 属性设置图片路径：

background-image: url("image.jpg");

2. 使用 background-repeat 属性设置图片重复方式：

background-repeat: no-repeat; /* 不重复 */
background-repeat: repeat-x; /* 横向重复 */
background-repeat: repeat-y; /* 纵向重复 */
background-repeat: repeat; /* 横向和纵向都重复 */

3. 使用 background-size 属性设置图片尺寸：

background-size: auto; /* 默认，按原尺寸显示 */
background-size: cover; /* 图片自适应容器大小，可能会被裁剪 */
background-size: contain; /* 图片自适应容器大小，不会被裁剪 */
background-size: 100% 100%; /* 拉伸图片至容器大小 */

4. 使用 background-position 属性设置图片位置：

background-position: center center; /* 居中 */
background-position: left top; /* 左上角 */
background-position: right bottom; /* 右下角 */
background-position: 20px 10px; /* 相对偏移量 */

通过以上技巧，可以更加灵活地设置背景图片的效果。