原创投稿
  1. 爱玩数码首页
  2. 科技百科

css设置字体颜色的代码大全（一篇文章带你了解所有CSS文本样式）

网友小宋 • • 科技百科 • 阅读 117

CSS Text(文本)属性可定义文本的外观，比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。

用的最多的就是文本颜色，color属性用于定义文本的颜色。语法如下:

div {

color:red;

}

颜色的表现形式有:

预定义的颜色值: red、green、pink等

十六进制: #FF0000、#FF6600、#29D794等

RGB代码: rgb(255,0,0)或rgb(100%,0%,0%)等

看下效果:

css设置字体颜色的代码大全（一篇文章带你了解所有CSS文本样式）-1

对应的代码为：

<!DOCTYPE html>

<html lang=”en”>

<head>

<meta charset=”UTF-8″>

<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

<title>Document</title>

<style>

div {

color: blue;

}

</style>

</head>

<body>

<div>人保说的是还有7次洗车，5次还是3次道路救援啥的</div>

</body>

</html>

所有div对应的都为蓝色。

使用第二种方法，16进制颜色来表示,先看下效果:

css设置字体颜色的代码大全（一篇文章带你了解所有CSS文本样式）-2

对应代码为:

<!DOCTYPE html>

<html lang=”en”>

<head>

<meta charset=”UTF-8″>

<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

<title>Document</title>

<style>

/* div {

color: blue;

} */

div {

color: #FF0000;

}

</style>

</head>

<body>

<div>人保说的是还有7次洗车，5次还是3次道路救援啥的</div>

</body>

</html>

最后使用第三种方法，看下效果:

css设置字体颜色的代码大全（一篇文章带你了解所有CSS文本样式）-3

对应的代码为:

<!DOCTYPE html>

<html lang=”en”>

<head>

<meta charset=”UTF-8″>

<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

<title>Document</title>

<style>

/* div {

color: blue;

} */

/* div {

color: #FF0000;

} */

div {

color: rgb(255, 193, 100);

}

</style>

</head>

<body>

<div>人保说的是还有7次洗车，5次还是3次道路救援啥的</div>

</body>

</html>

rgb竟然是red、green、blue，也是今天才知道的。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至87172970@qq.com举报，一经查实，本站将立刻删除。

赞 (0)
网友小宋网友小宋认证作者
0 0
« 上一篇 2022年4月24日 22:35:42
下一篇 » 2022年4月24日 22:38:24

相关推荐

发表评论

登录后才能评论