怎么用css设置字体颜色

文章2022-05-14146 人已阅来源：网络

用css设置字体颜色的方法：1、直接在文字所在标签中使用“style="color:颜色值"”代码来设置字体颜色；2、使用id或class引入外部或内嵌的CSS字体颜色样式，从而设置字体颜色。

怎么用css设置字体颜色

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

1、标签内设置CSS字体颜色样式

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" /></head> 
  <body>
  	<div>测试文本</div></body>
    <div style="color:red;">测试文本</div></body>
</html>

效果图：

怎么用css设置字体颜色

2、外部CSS设置html文字字体的颜色

使用id或class引入外部或内嵌的CSS字体颜色样式，从而设置html 字体颜色。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<style>
			.ex {
				color: pink;
			}
		</style>
	</head>

	<body>
        <div>测试文本</div>
	<div class="ex">测试文本</div>
	</body>

</html>

效果图：

怎么用css设置字体颜色

（学习视频分享：css视频教程）

以上就是怎么用css设置字体颜色的详细内容！

相关内容

css怎么把字体颜色改为白色
在css中，可以通过color属性把字体颜色改为白色，只需要将color属性的值设置为“white”、“#FFFFFF”、“rgb(255,255,255)”、“hsl(0,0...
css中font字体颜色怎么设置
css中font字体颜色的设置方法：1、直接使用font标签；2、使用p标签，代码为【<pstyle="color:red;">123.】；3、...
css怎么设置字体颜色
在CSS中，可以通color属性来设置字体颜色，只需要给包含字体文字的元素设置“color:颜色值;”样式即可。color属性用于规定文本的颜色；css颜色可以使用颜色名、十六...
css的font字体颜色如何设置
css的font字体颜色设置方法：1、直接在标签上使用“color:颜色”设置字体颜色；2、通过给font标签添加class属性，在css标签中通过该class设置字体颜色。本...
css怎么修改字体颜色
在css中，可以使用color属性来修改字体颜色，该属性的作用就是设置文本的颜色，只需要给包含字体文本的元素添加“color:颜色值;”即可。颜色值可以使用颜色名、十六进制数值...
css怎么设置tr中的字体颜色
在css中，可以通过给tr元素添加color属性样式来设置tr的字体颜色，具体语法格式“tr{color:颜色值;}”；其中，颜色值可以使用颜色名、十六进制数值、RGB或RGB...
css怎么控制按钮不可用
方法：给按钮元素添加“pointer-events:none;”样式来让按钮元素永远不会成为鼠标事件的target，让其点击事件失效，即可控制按钮不可用。本教程操作环境：win...
css如何设置一行字显示不完隐藏
css中可利用overflow属性来设置一行字显示不完就隐藏；只需给文字的盒子元素添加“overflow:hidden;”样式，设置当内容溢出元素框时，将文字内容修剪，且溢出部...
CSS外链式与内联式的区别是什么
区别：CSS外链式是将css代码单独写一个以“.css”为扩展名的文件中，然后使用link标签链接到html中。CSS内联式是直接使用style属性将css代码写在HTML标签...
css有继承关系吗
css有继承关系。CSS继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代；也就是说：设置了上级（父级）的CSS样式，上级（父级）及以下的子级（下级...

浏览更多有关 css 字体颜色的内容