[分享]css中引入背景图片怎么写

在CSS中，我们经常需要引入背景图片来美化网页。那么，如何在CSS中引入背景图片呢？下面是一些例子。首先，我们可以使用backgroundimage属性来指定背景图片的路径。例如：p { backgr...

在CSS中，我们经常需要引入背景图片来美化网页。那么，如何在CSS中引入背景图片呢？下面是一些例子。
首先，我们可以使用background-image属性来指定背景图片的路径。例如：

p {
  background-image: url("bg.jpg");
  background-repeat: no-repeat;  /* 防止图片重复 */
} 

在上述代码中，我们以p标签为例，使用了background-image属性来引入一张名为bg.jpg的背景图片。同时，我们还添加了background-repeat属性，将图片的重复设置为no-repeat，这样可以保证图片不会在页面中重复出现。
同时，我们也可以使用缩写属性background来实现相同的效果。例如：

p {
  background: url("bg.jpg") no-repeat;
} 

上述代码中，我们使用了background缩写属性来引入一张名为bg.jpg的背景图片，并将图片的重复设置为no-repeat。这个方法相对来说更为简洁。
如果我们需要平铺一张背景图片，可以将background-repeat属性的值设置为repeat或repeat-x/repeat-y。例如：

p {
  background-image: url("bg.jpg");
  background-repeat: repeat;  /* 水平和垂直均平铺 */
} 

如果我们不想让图片在重复时出现间隔，可以使用background-size属性来对图片进行缩放。例如：

p {
  background-image: url("bg.jpg");
  background-repeat: repeat;  /* 水平和垂直均平铺 */
  background-size: 100px 100px; /* 每张图片大小为100px */
} 

在上述代码中，我们将每张背景图片的大小设置为100px * 100px，这样可以避免在平铺时出现间隔。
当然，我们还可以使用其他样式来控制背景图片的显示效果，比如background-position、background-attachment等。总之，在CSS中引入背景图片并不难，只需要一些简单的属性和路径就可以实现。