HTML中设置背景主要可以通过以下几种方式：
1、使用CSS样式设置背景颜色
在HTML中，我们可以使用CSS的"backgroundcolor"属性来设置元素的背景颜色。
“`html
<!DOCTYPE html>
<html>
<head>
<style>
p {
backgroundcolor: lightblue;
}
</style>
</head>
<body>
<p>这是一个段落。</p>
</body>
</html>
“`
2、使用CSS样式设置背景图片
我们还可以使用CSS的"backgroundimage"属性来设置元素的背景图片。
“`html
<!DOCTYPE html>
<html>
<head>
<style>
p {
backgroundimage: url(‘img_girl.jpg’);
}
</style>
</head>
<body>
<p>这是一个带有背景图片的段落。</p>
</body>
</html>
“`
3、使用HTML的bgcolor属性设置背景颜色
这是一种较旧的方式，不推荐使用，因为这种方式不能为单个元素设置背景颜色，只能为整个页面设置背景颜色。
“`html
<!DOCTYPE html>
<html>
<head>
</head>
<body bgcolor="lightblue">
<p>这是一个段落。</p>
</body>
</html>
“`
4、使用HTML的background属性设置背景图片
这也是一种较旧的方式，同样不推荐使用，因为这种方式不能为单个元素设置背景图片，只能为整个页面设置背景图片。
“`html
<!DOCTYPE html>
<html>
<head>
</head>
<body background="img_girl.jpg">
<p>这是一个段落。</p>
</body>
</html>
“`
以上就是在HTML中设置背景的几种方式，推荐使用CSS样式进行设置，因为它更加灵活，可以为单个元素设置背景。
原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/404185.html
微信扫一扫