css中背景图的代码

CSS中经常用到背景图，以下是一些常见的背景图代码：

/* 设置单一背景图 */body {
      background-image: url("example.jpg");
}
/* 设置多个背景图 */body {
      background-image: url("example.jpg"), url("example2.jpg");
      background-position: top left, bottom right;
     /* 如果有多个背景，则需要设置每个背景的位置 */  background-repeat: no-repeat, repeat-x;
 /* 如果有多个背景，则需要设置每个背景的重复方式 */}
/* 设置背景图的大小 */body {
      background-image: url("example.jpg");
      background-size: cover;
     /* 将背景图缩放到完全覆盖父元素 */  background-size: contain;
 /* 将背景图缩放到适合父元素的大小 */}
/* 为元素设置背景图 */div {
      background-image: url("example.jpg");
}
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！