Rumah  >  Artikel  >  hujung hadapan web  >  css里怎样调节字体颜色

css里怎样调节字体颜色

王林
王林asal
2021-03-04 15:27:493603semak imbas

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

css里怎样调节字体颜色

本文操作环境: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 进制值

<!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:

<!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教程

Atas ialah kandungan terperinci css里怎样调节字体颜色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:css如何设置背景图片灰度Artikel seterusnya:css边框样式如何定义