div设置背景图片的5种方法

本文重点介绍CSS设置背景图片的常用方法，这些技巧在前端开发中十分实用，作者结合自身实践，总结了高效、易用的几种实现方式。

1、 先新建一个HTML文件和一个CSS样式表文件，所示。

2、 在HTML文件中添加一个``元素，并为其设置`class=tab1`。当前页面效果已实现，背景采用纯色填充，尚未引入背景图片。

3、 在CSS文件中为div设置样式，先添加背景图片。由于图片尺寸远大于div容器，实际网页仅显示图片的局部区域，形成裁切效果，具体视觉呈现所示。

4、 我将背景图片设为不重复显示，并通过百分比设置其宽高，确保完整覆盖整个div区域。这样既适配不同屏幕尺寸，又能使背景图均匀铺满容器，视觉效果更协调统一。