使用 CSS 设置元素文本颜色


CSS color 属性用于更改元素文本颜色。我们可以指定标准颜色名称、rgb()、rgba()、hsl()、hsla() 和十六进制值的列表。

语法

CSS color 属性的语法如下 −

Selector {
   color: /*value*/
}

以下示例说明了 CSS color 属性 −

示例

 实时演示

<!DOCTYPE html>
<html>
<head>
<style>
div {
   height: 50px;
   width: 50px;
   float: right;
   color: white;
   background-color: #2f5587;
}
p {
   color: rgba(225,5,135,0.7);
   border: 2px solid #16c618;
   box-shadow: 0 7px 0 5px hsl(90, 60%, 70%);
}
</style>
</head>
<body>
<h2>Example Heading</h2>
<div>This is it</div>
<p>Demo text is visible here.</p>
</body>
</html>

输出

这会生成以下输出 −

示例

 实时演示

<!DOCTYPE html>
<html>
<head>
<style>
li:nth-of-type(even) {
   color: dodgerblue;
   border: 6px groove #16c618;
   padding: 4px;
   box-shadow: inset -100px 0 5px red;
}
</style>
</head>
<body>
<h2>Learn Servlets</h2>
<ul>
<li>Java Servlets are programs that run on a Web or Application server.</li>
<li>Java Servlets often serve the same purpose as programs implemented using the CGI.</li>
<li>Servlets are platform-independent because they are written in Java.
</li>
</ul>
</body>
</html>

输出

这会生成以下输出 −

更新于: 2020 年 1 月 9 日

154 次浏览

开启您的 职业生涯

通过完成课程获得认证

开始
广告