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>

运行后如图：

附录：HTML 颜色名参照表

东方星雨

如果缘分安排我们相遇，请不要让他擦肩而过。扫一扫二维码，加我为好友吧！

上一篇：2.3 CSS组合选择器下一篇：3.2 CSS文本对齐

你觉得文章内容怎么样

站长推荐

网站分类

阿里云代金券￥100 云产品通用

有效期30天首购用户

立即领取

阿里云代金券￥100 云产品通用

有效期30天复购+升级

立即领取