html如何设定配景色彩？HTML配景色彩代码细致剖析
第一我们先来看看关于HTML设定背景色彩：
我们第一设定一个背景色彩，把背景色彩设在body标签中我们来看看结果：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body bgcolor="black"> 这是PHP中文网 </body> </html>
背景色彩设定成了黑色，大家能想到在阅读器中显示的结果吗？
没错就是这个结果，什么都看不到了，我们看看把字体设定一个色彩，看看能不克不及显示出来：
<body bgcolor="black"> <p>这是<font color="#E41316">PHP中文网</font></p> </body>
此刻我们来看看结果：
是不是很明显，在字体里面加个色彩就能显示出来文本，但是还有两个字没有加色彩，所以还是显示不出来。
此刻我们来看看怎样制作文字的背景：
<body bgcolor="black"> <p style="background-color: #E12125">这是PHP中文网</p> </body>
这时候的font标签已经不管用了，所以我们武断的使用了css样式来改动背景色彩，看的出来吧，这是一个简便的css样式，只设定了一个背景色彩。
我们来看看在阅读器中显示的结果：
由于p标签的缘由，所以背景就把整个一行给全部占据了。这样看起来结果更明显点，所以我也就不框起来了，就当把办法教给大家吧，我们用背景用不了这么多的时候，可以在p标签的外围加上一个div标签，设定宽度为文字的宽度，这样就不会让文字背景成一行显示了，这也是一种常用的办法之一。
当然背景还可以使用图片来做背景图，我们来看看结果实例：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body style="background-image: url(https://img.php.cn/upload/article/000/000/003/5a9675a3b2106284.jpg)"> <p>这是PHP中文网</p> </body> </html>
这是在网上复制的一张图，结果还是很明显的，此刻来看看实例：
这就是当做整个网页的背景了。我们可以从别的地方看到好看的适合做背景图的可以右击那张图片，选复制图片地址，往这url里面一套就行了。这也是很简便的，大家可以鄙人面很多练习看看结果是不是和我这一样。
这篇关于HTML 设定背景色彩的文章到这就完毕了，想学更多就到PHP中文网，HTML学习手册栏目中学习。有问题的可以鄙人方留言发问。
【小编引荐】
HTML段落元素中如何设定空格？HTML空格的设定总结
html中big标签怎样使用？html big标签的使用实例
以上就是html怎样设定背景色彩？HTML背景色彩代码具体剖析的具体内容，更多请关注百分百源码网其它相关文章！
