html设置背景颜色的方法-创新互联

这篇文章给大家分享的是有关html设置背景颜色的方法的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

创新互联服务项目包括龙里网站建设、龙里网站制作、龙里网页制作以及龙里网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，龙里网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到龙里省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

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

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

这是创新互联建站

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

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

这是创新互联建站

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

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

这是创新互联建站

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

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

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

这是创新互联建站

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

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

感谢各位的阅读！关于html设置背景颜色的方法就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！

分享标题：html设置背景颜色的方法-创新互联
本文来源：http://cdiso.cn/article/dcsejh.html