css里怎样调节字体颜色


本文摘自PHP中文网,作者V,侵删。

css里调节字体颜色的方法是:可以利用color属性来设置字体颜色,如【color: #92a8d1;】或【color:rgb(255,0,51)】。

本文操作环境:windows10系统、css 3、thinkpad t480电脑。

要设置字体的颜色是非常简单的,css为我们提供了color属性,利用该属性我们可以随意调节字体的颜色。

属性介绍:

Color属性指定文本的颜色。

属性值:

  • 颜色的名称 颜色的名称,比如red, blue, brown, lightseagreen等,不区分大小写

  • 十六进制 十六进制符号 #RRGGBB 和 #RGB(比如 #ff0000)

  • RGB,红-绿-蓝(red-green-blue (RGB)) 规定颜色值为 rgb 代码的颜色,函数格式为 rgb(R,G,B),取值可以是 0-255 的整数或百分比。

示例1:

颜色为 16 进制值

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>php.cn</title>

<style>

body {color: #92a8d1;}

</style>

</head>

<body>

 

<h1>这是标题</h1>

 

<p>段落文本的颜色为 16 进制值。</p>

 

</body>

</html>

运行结果:

7e7e65b1eb0a77a5a3b18a3a2006075.png

(学习视频分享:css视频教程)

示例2:

颜色值为 RGB:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>php.cn</title>

<style>

body {color: rgb(255,0,51);}

</style>

</head>

<body>

 

<h1>这是标题</h1>

 

<p>段落文本的颜色为 16 进制值。</p>

 

</body>

</html>

运行结果:

0dfbc65aca503cad407659b88df6657.png

相关推荐:CSS教程

以上就是css里怎样调节字体颜色的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

jq如何设置css

div css顶部固定不动的实现方法

css如何去除边框

css如何让滚动条不显示

css兼容性有哪些处理方式

p的css初始属性是什么

css如何设置圆角

css中的“>”是什么意思

你一定要知道的css属性值规范

css child选择器有哪些?

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...