3.1 CSS文本颜色和背景色

来源：网络作者：站长

一、文本颜色

color 属性用于设置文本的颜色。颜色由以下值指定：

颜色名 - 比如 "red"
十六进制值 - 比如 "#ff0000"
RGB 值 - 比如 "rgb(255,0,0)"

举例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>3.1 CSS文本颜色和背景色</title>
    </head>
    <style>
    .a{color:red;}
    .b{color:#aa557f;}
    .c{color:rgb(85, 170, 127);}
    </style>
    <body>
        <h2>寻隐者不遇</h2>
      <p class="a">贾岛 〔唐代〕</p>
      <p class="b">松下问童子，言师采药去。</p>
      <p class="c">只在此山中，云深不知处。</p>
    </body>
</html>

运行后如图：

二、文本背景色

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

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

例如：设置文本背景为天蓝色

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>3.1 CSS文本颜色和背景色</title>
    </head>
    <style>
    .a{background-color:skyblue;}
    </style>
    <body>
        <h2>寻隐者不遇</h2>
      <p class="a">贾岛 〔唐代〕</p>
      <p>松下问童子，言师采药去。</p>
      <p>只在此山中，云深不知处。</p>
    </body>
</html>

运行后如图：