css 背景图片 写法 |dw添加css内链

.background {
/* 使用图片的URL作为背景 */
background-image: url("imageurl.jpg");
/* 背景大小自适应 */
background-size: cover;
/* 背景位置居中 */
background-position: center center;
}
.background {
/* 使用图片的相对或绝对路径 */
background-image: url("../images/imageurl.jpg");
/* 背景不平铺 */
background-repeat: no-repeat;
/* 背景位置 */
background-position: 50% 50%;
}
.background {
/* 使用颜色值和透明度作为背景 */
background-color: rgba(255, 255, 255, 0.5);
/* 添加背景图案 */
background-image: url("pattern.png");
/* 图案平铺方式 */
background-repeat: repeat;
}
.background {
/* 使用CSS优雅的图标库 */
/* 引入CSS文件 *//* 使用具体的图标 */
background-image: none;
padding-left: 20px;
font-size: 18px;
line-height: 40px;
color: #333;
/* 添加图标 */
content: "\f107";
}

以上是常用的几种CSS背景图片的使用方法，可以根据实际需求来选择使用哪一种方法，在网页设计中达到更好的展示效果。