css如何设置body字体颜色

162 阅读 0 评论 107 点赞

我是靠谱客的博主端庄白猫，这篇文章主要介绍css如何设置body字体颜色，现在分享给大家，希望可以做个参考。

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

首先我们先给大家看个html字体的基础代码：

复制代码<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>document</title>
  </head>
  <body>
    <p>字体颜色设置</p>
    <p>字体颜色设置</p>
    <p>字体颜色设置</p>
    <p>字体颜色设置</p>
  </body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>document</title>
  </head>
  <body>
    <p>字体颜色设置</p>
    <p>字体颜色设置</p>
    <p>字体颜色设置</p>
    <p>字体颜色设置</p>
  </body>
</html>
登录后复制

这里是p标签的四段话，我们应该都能看懂，这是最简单的代码样式。

接下来我们要设置html 字体颜色，我们来看下css样式的代码：

复制代码<style type="text/css">
      body {
        color: blue;
      }
    </style>1
2
3
4
5
<style type="text/css">
      body {
        color: blue;
      }
    </style>
登录后复制

效果如下：

A(U2G$P)VA7N3ZFYPX2ATQI.png