html怎么设置背景色


本文摘自PHP中文网,作者青灯夜游,侵删。

html设置背景色的方法:1、使用bgcolor属性,语法“<body bgcolor="颜色值">”;2、使用background-color属性,语法“<body style="background-color:颜色值;">”。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

方法1:使用bgcolor属性

bgcolor 属性规定文档的背景颜色。语法如下:

1

<body bgcolor="颜色值">

示例:

1

2

3

4

5

6

7

8

9

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

    </head>

    <body bgcolor="palevioletred">

        文档背景颜色为palevioletred紫罗兰色。

    </body>

</html>

效果图:

1.png

方法2:使用background-color属性

background-color 属性设置元素的背景颜色。

background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框),会透过这些透明部分显示出背景色。

示例:

1

2

3

4

5

6

7

8

9

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

    </head>

    <body style="background-color: plum;">

        文档背景颜色为plum梅子色。

    </body>

</html>

效果图:

2.png

推荐教程:《html视频教程》

以上就是html怎么设置背景色的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html除了maxlength如何限制长度

网页中td包括什么属性

利用Html 5制作一个简单的时钟效果

Html怎样使文字居中

Html文字超出部分怎么隐藏

Html怎么设置编码

什么是Html文件?Html格式如何打开?(图)

Html与xHtml的区别详解

dom节点和元素之间有什么区别

Html引入js不生效怎么办

更多相关阅读请进入《Html》频道 >>




打赏

取消

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

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

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

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

评论

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