要实现这个效果,大家需要通过CSS的background属性来设置背景图的位置和大小,如下例:
body { /*背景图地址*/ background-image: url("background.jpg"); /*背景图位置和大小*/ background-position: center center; background-size: cover; }
其中,background-image属性用来设置背景图的地址,可以使用相对路径或绝对路径;background-position属性用来设置背景图的位置,这里大家把背景图居中显示;background-size属性用来设置背景图的大小,使用cover值可以让背景图充满整个网页。
最后,大家只需要在HTML的body标签中引用CSS样式即可:
<body><h1>Hello World!</h1></body>