编写一个html代码要求: 背景颜色为蓝色 字体颜色为白色
方法/步骤
新建一个txt文档，将其文件名和后缀改成“index.html”的html文件，如下图所示。
请点击输入图片描述
新建好html文件后，我们用代码编辑器打开它，然后填写标准的html5代码，如下图所示。
请点击输入图片描述
新建一个p标签，在p标签中输入一段文字，如下图所示。
请点击输入图片描述
第一种颜色的设置我们可以通过颜色的英文字母方式，如“color: red;”的方式，这样设置出的字体颜色为红色，用浏览器打开网页，可以看到代码生效，字体颜色被设置成了红色。
请点击输入图片描述
请点击输入图片描述
第二种设置颜色的方式可以16进制方法，如“color: #000f9f;”将颜色设置为了蓝色。刷新网页后，就可以看到我们设置的颜色生效了。
请点击输入图片描述
请点击输入图片描述
最后一种颜色设置就是用rgb的方法，如“color:rgb(156,96,24)；”将颜色设置成了棕黄色。
请点击输入图片描述
请点击输入图片描述
设置背景颜色的代码就是background-color:颜色值,即可.
下面我们一起来看下具体的代码吧:
首先在html中创建一个元素,这个元素需要是块级元素,如果不是的话,我们需要改变元素为块级
1:块级元素设置背景颜色:
创建div块级元素,然后在行内写上background-color:red,即可设置背景颜色为红色
2.行内元素设置背景颜色:
我们创建一个a标签,然后将标签改为块级元素,代码"display:block"然后设置背景颜色即可,代码"background-color:green",此案例设置背景颜色为绿色
以上就是html中设置背景颜色的方法
background-color:
background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。
在body中加入background: blue; color: #fff;样式就可以使整个页面都是这样的效果了。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body style="background: blue; color: #fff;">
</body>
<p>背景颜色为蓝色 ，字体颜色为白色</p>
</html>
0.0你是来开玩笑的吧。。。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
html,body{height:100%;width:100%;background-color:blue;color:white;}
</style>
</head>
<body>
<p>字！</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body{
background-color: blue;
color:white;
}
</style>
</head>
<body>
</body>
</html>
<p color="white"
background-color="blue">
