HTML 元素背景色设置

使用background特性或background-color特性都可以设置背景色。

<div style="background-color:LightGray;">
地镇高岗，一派西山千古秀；
</div>

<div style="background:LightBlue;">
门朝大海，三河合水万年河。
</div>

运行一下

HTML 元素背景图片设置

使用background特性或background-image特性都可以设置元素的背景图片。

background:url('背景图片的url地址');

运行一下

background-image:url('背景图片的url地址');

运行一下

让背景图片不重复显示

默认情况下，背景图片会重复显示的；如果希望背景图片不重复显示，将元素的 background-repeat特性设置成no-repeat即可。

background-image:url('背景图片的url地址');
background-repeat:no-repeat;

运行一下