当前位置:首页 > 教程 > CSS > CSS文本

3.1 CSS文本颜色和背景色

</style> <body> <h2>寻隐者不遇</h2> <p class="a">贾岛 〔唐代〕</p> <p class="b">松下问童子,言师采药去。</p> <p class="c">只在此山中,云深不知处。</p> </body> </html>

运行后如图:

3.1 CSS文本颜色和背景色

二、文本背景色

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>

运行后如图:

3.1 CSS文本颜色和背景色

附录:HTML 颜色名参照表

你觉得文章内容怎么样

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

有效期30天 首购用户

立即领取
推荐宝塔面板 0 安全高效的

服务器运维面板

立即领取