html怎样设置背景颜色？

　　首先我们先来看看关于HTML设置背景颜色：

　　我们首先设置一个背景颜色，把背景颜色设在body标签中我们来看看效果：

<!doctypehtml>

<html>

<head>

<metacharset="utf-8">

<title>PHP中文网</title>

</head>

<bodybgcolor="black">

　　这是PHP中文网

</body>

</html>

　　背景颜色设置成了黑色，大家能想到在浏览器中显示的效果吗？

　　1.png

　　没错就是这个效果，什么都看不到了，我们看看把字体设置一个颜色，看看能不能显示出来：

<bodybgcolor="black">

这是<fontcolor="#E41316">PHP中文网

</body>

　　现在我们来看看效果：

　　2.png

　　是不是很明显，在字体里面加个颜色就能显示出来文本，但是还有两个字没有加颜色，所以还是显示不出来。

　　现在我们来看看如何制作文字的背景：

<bodybgcolor="black">

<pstyle="background-color:#E12125">这是PHP中文网

</body>

　　这时候的font标签已经不管用了，所以我们果断的使用了css样式来改变背景颜色，看的出来吧，这是一个简单的css样式，只设置了一个背景颜色。

　　我们来看看在浏览器中显示的效果：

　　3.png

　　因为p标签的原因，所以背景就把整个一行给全部占据了。这样看起来效果更明显点，所以我也就不框起来了，就当把方法教给大家吧，我们用背景用不了这么多的时候，可以在p标签的外围加上一个div标签，设置宽度为文字的宽度，这样就不会让文字背景成一行显示了，这也是一种常用的方法之一。

　　当然背景还可以使用图片来做背景图，我们来看看效果实例：

<!doctypehtml>

<html>

<head>

<metacharset="utf-8">

<title>PHP中文网</title>

</head>

<bodystyle="background-image:url(https://img.php.cn/upload/article/000/000/003/5a9675a3b2106284.jpg)">

这是PHP中文网

</body>

</html>

　　这是在网上复制的一张图，效果还是很明显的，现在来看看实例：

　　4.png

　　这就是当做整个网页的背景了。我们可以从别的地方看到好看的适合做背景图的可以右击那张图片，选复制图片地址，往这url里面一套就行了。这也是很简单的，大家可以在下面多多练习看看效果是不是和我这一样。

　　这篇关于HTML设置背景颜色的文章到这就结束了，想学更多就到PHP中文网，HTML学习手册栏目中学习。有问题的可以在下方留言提问。

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h54675.shtml