html怎样设置背景颜色?HTML背景颜色代码详细分析


当前第2页 返回上一页

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

1

2

3

<body bgcolor="black">

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

</body>

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

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

3.png

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

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

1

2

3

4

5

6

7

8

9

10

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>PHP中文网</title>

</head>

<body style="background-image: url(http://ypimg.muzhuangnet.com/Collect/csharp/upload/article/000/000/003/5a9675a3b2106284.jpg)">

<p>这是PHP中文网</p>

</body>

</html>

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

4.png

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

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

【小编推荐】

HTML段落元素中怎么设置空格?HTML空格的设置总结

html中big标签如何使用?html big标签的使用实例

以上就是html怎样设置背景颜色?HTML背景颜色代码详细分析的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

html如何给背景加链接

html center标签怎么用

html怎么加载css

html标题在html文档中为何重要

html中为网页设置字符集的标签是什么?

html编辑软件有哪些

详解前端在html页面之间传递参数的方法

html的基础控件有哪些

html怎么设置宋体

html如何用css美化表格

更多相关阅读请进入《背景颜色》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...