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; */ }