html设置背景颜色的方法

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

乐安ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:028-86922220(备注:SSL证书合作)期待与您的合作!

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

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





创新互联


这是创新互联

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

html设置背景颜色的方法

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


这是创新互联

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

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


这是创新互联

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

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

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





创新互联


这是创新互联

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

html设置背景颜色的方法

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

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


文章名称:html设置背景颜色的方法
文章URL:http://bzwzjz.com/article/pcdeoo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站设计 网站建设公司 营销型网站建设 成都网站建设公司 成都网站设计 重庆企业网站建设 网站制作报价 成都商城网站建设 成都网站建设 成都网站建设 成都做网站建设公司 泸州网站建设 成都网站建设 响应式网站设计 成都网站建设 网站建设费用 网站建设开发 成都网站制作 成都网站建设 成都网站制作 成都网站设计公司 网站建设推广