Posted on | by liu
CSS 是一种专门用于网页设计的样式表语言，可以通过它来控制网页上的所有元素的外观。其中，添加背景图片是常用的网页设计技巧之一。下面大家来介绍一下如何使用 CSS 来添加背景图片。
首先，大家需要先在 CSS 代码中指定要添加背景图片的元素。这可以通过使用 background-image 属性来实现。该属性指定一个 URL 值，该值表示大家要使用的背景图片的地址。例如：
p {
background-image: url("image/bg.jpg");
}以上代码表示大家要为所有的段落元素添加背景图片，所使用的图片文件名为 “bg.jpg”。
同时，大家还可以指定背景图片在元素内的显示方式。这可以通过使用 background-size 属性来实现。该属性可以设定背景图片的尺寸，可以使用像素值、百分比或者 cover、contain 等关键字。例如：
p {
background-image: url("image/bg.jpg");
background-size: cover;
}以上代码表示大家要设定背景图片的尺寸等比缩放，以覆盖整个元素的背景。也就是说，背景图片可能会被裁剪，但一定能够完整地覆盖整个元素。
最后，大家还可以设置背景图片的位置。这可以通过使用 background-position 属性来实现。该属性可以设定背景图片在元素内的位置，可以使用像素值、百分比或者 left、center、right、top、bottom 等关键字。例如：
p {
background-image: url("image/bg.jpg");
background-size: cover;
background-position: center;
}以上代码表示大家要将背景图片居中显示在元素内。
通过以上介绍，大家可以看到，使用 CSS 添加背景图片非常简单，只需要几行代码就能实现。同时，在实际应用中，大家还可以根据需要适当调整各个属性的取值，以获得最佳的显示效果。