- 1PS提示：因为图层已锁定，无法编辑图层的处理方法
- 2picacg苹果版怎么找不到|picacg ios版是不是下架了介绍
- 3Adobe Illustrator CS5 序列号大全
- 4ACDsee注册码免费分享（含ACDsee18、ACDsee10等版本）
- 5PDF浏览器能看3D文件吗？PDF浏览器看3D文件图文详细教程
- 6Potato(土豆聊天)怎么换头像|Potato app更改头像方法介绍
- 7Potato(马铃薯聊天)怎么注册不了|Potato不能注册处理方法介绍
- 8最新的Adobe Illustrator CS4序列号大全
- 9Intel i7-9700K性能跑分曝光：同代提升约12%
- 10qq邮件是否已读怎么看 QQ邮箱已经发出去的邮件怎么知道对方是否已经查看
- 11XP系统怎么清除缓存？
- 12AMD推土机架构回顾：虽陨落却是Zen成功的垫脚石
[摘要]本篇文章使用了HTML的代码和CSS样式的代码为大家展示了如何设置HTML的背景颜色，后面还有如何设置背景图片的介绍。希望对大家有所帮助，现在我们一起来看这篇文章吧首先我们先来看看关于HTML设置背景颜色：我们首先设置一个背景颜色，把背景颜色设在body标签中我们来看看效果：<!doctyp...
本篇文章使用了HTML的代码和CSS样式的代码为大家展示了如何设置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(http://img.php.cnhttp://img6-2.22122511.com/upload/web_2/article/000/000/003/5a9675a3b2106284.jpg)"> <p>这是PHP中文网</p> </body> </html>
这是在网上复制的一张图，效果还是很明显的，现在来看看实例：
这就是当做整个网页的背景了。我们可以从别的地方看到好看的适合做背景图的可以右击那张图片，选复制图片地址，往这url里面一套就行了。这也是很简单的，大家可以在下面多多练习看看效果是不是和我这一样。
这篇关于HTML 设置背景颜色的文章到这就结束了，想学更多就到PHP中文网，HTML学习手册栏目中学习。有问题的可以在下方留言提问。
【小编推荐】
html中big标签如何使用？html big标签的使用实例
以上就是html怎样设置背景颜色？HTML背景颜色代码详细分析的详细内容，更多请关注php中文网其它相关文章！
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
推荐资讯 总人气榜
最新教程 本月人气
- 1免费8组腾讯视频会员账号分享（2017.4.21）
- 2免费4组爱奇艺会员账号密码分享（2017.4.21）
- 3免费的芒果tv会员账号分享（2017.4.20）
- 4最新6组腾讯视频会员账号分享（2017.4.20）
- 5最新8组腾讯视频会员账号分享（2017.4.19）
- 6斗鱼tv酬勤是什么？斗鱼tv酬勤如何算？
- 7QQ影音合并多个音频文件的方法
- 82017NBA总决赛什么时候？2017NBA总决赛直播地址列表
- 9爱奇艺会员账号密码免费分享（2017.4.18）
- 10百度云会员账号免费分享（2017.4.18）
- 11免费6组腾讯视频会员账号共享（2017.4.27）
- 12腾讯视频会员账号共享（2017.4.26更新）
相关文章
- html空格代码是什么？html空格代码如何写？（总结）
- 什么是html文件？html格式如何打开？（图）
- 详谈HTML中script标签（附代码）
- 使用HTML+CSS设计一个容易的用户注册页面【示例】
- html base标签有什么作用?base标签的作用区分(附案例)
- html base标签如何用？html base标签的用法总结
- html input标签的属性有哪一些？input标签的用法总结（附案例）
- html搜索框如何设置？html搜索框input标签的使用方法案例
- html中的label标签如何设置高度？label标签的使用方法说明
- html label标签的作用是什么？html label标签的用法方法详细说明
- html label标签的for属性有什么作用？对于label标签的for属性说明
- html button标签如何使用？html button标签有什么作用？
