c语言编程笔录

首页 >   > 笔记大全

笔记大全

html设置背景图片的代码是什么

更新时间:2023-12-23

使用相对地址

在CSS中,使用background-image属性指定元素的背景图片。如果使用相对地址,则根据当前HTML页面的位置解析图片路径。

      body {
        background-image: url("background.jpg");
      }
    

使用绝对地址

另一种设置背景图片的方法是使用绝对地址。这种方法直接指定图片在服务器上的路径,无需考虑HTML页面的位置。

      body {
        background-image: url("http://example.com/background.jpg");
      }
    

平铺方式

背景图片默认是平铺铺满整个元素。可以使用background-repeat属性指定图片的平铺方式。

      body {
        background-image: url("background.jpg");
        background-repeat: no-repeat;
        /* 取值包括no-repeat, repeat-x, repeat-y和repeat */
      }
    

背景图片的位置

可以使用background-position属性指定背景图片的位置。该属性的值可以使用关键字(如left,center,right,bottom等)或是精确的像素值。

      body {
        background-image: url("background.jpg");
        background-position: left top;
        /* 或使用像素值:*/
        /* background-position: 20px 10px; */
      }