CSS中可以使用background属性插入背景图片。下面以代码实例进行说明:
样式代码:
body {
background: url("背景图片的路径") no-repeat center center fixed;
background-size: cover;
}
解释:
background属性可以设置背景图片、背景颜色、背景位置、背景重复等,其中url("背景图片的路径")指定背景图片的路径。
no-repeat表示不重复,center center表示背景图片居中,fixed表示背景图片不随页面滚动。
background-size: cover表示背景图片覆盖整个区域。
注意:
1. 路径可以是相对路径也可以是绝对路径。
2. 为了兼容性,建议在background属性中同时设置背景颜色,以便在图片加载失败时仍有备用方案。
以上是插入背景图片的基本方法和代码示例。在实际中,可以根据具体需求进行调整,如调整图片位置、重复方式等,以达到更好的视觉效果。