body{ background-image:url("background.jpg"); background-repeat:no-repeat; background-size:cover; }
大家在CSS中为body标签添加了一个背景图案。其中background-image属性指定了大家使用的图片文件,然后通过background-repeat属性设置为不重复平铺,再通过background-size属性设置为cover,就可以让背景图片不平铺且填满整个页面屏幕。
此外,大家还可以通过background-position属性来设置背景图案的位置,具体的用法如下:
body{ background-image:url("background.jpg"); background-repeat:no-repeat; background-size:cover; background-position:left top; }
上述代码将背景图案定位到了页面的左上角。同样,大家也可以使用其他的位置值来调整背景图片的位置,比如center、right等。CSS加背景去平铺的实现非常简单,只需在CSS中设置一些属性值即可。希望本篇文章可以给您带来帮助。