html怎么设置字体颜色-前端问答-PHP中文网

html怎么设置字体颜色

青灯夜游

发布： 2023-03-08 10:04:26

原创

24596人浏览过

html设置字体颜色的方法：1、使用font标签，语法“<font color="颜色值">字体文本</font>”；2、在包含字体文本的标签元素中使用style属性，添加“color:颜色值;”样式；3、使用id或class引入外部CSS字体颜色样式，从而设置html字体颜色，语法“id或class选择器{color:颜色值;}”。

html怎么设置字体颜色

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

方法1：使用font标签

<font> 规定文本的字体、字体尺寸、字体颜色。

设置字体颜色的语法：

立即学习“前端免费学习笔记（深入）”；

<font color="颜色值">字体文本</font>

登录后复制

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<div>我是默认黑色字体</div>
		<div><font color="red">我是红色字体</font></div>
	</body>
</html>

登录后复制

效果图：

方法2：使用style属性添加“color:颜色值;”样式

style 属性规定元素的行内样式（inline style）。

style 属性将覆盖任何全局的样式设定，例如在 <style> 标签或在外部样式表中规定的样式。

阿里云-虚拟数字人

阿里云-虚拟数字人是什么？ ...

查看详情

语法：

<element style="css代码块">

登录后复制

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<div>我是默认黑色字体</div>
		<div style="color: red;">我是红色字体</div>
	</body>
</html>

登录后复制

效果图：

方法3：外部CSS设置html文字字体的颜色

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

外部CSS设置html文字字体的颜色的代码示例：

    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <style> 
    .ex{ color:pink;font-size:50px} 
    </style> 
    </head> 
    <body> 
    <div class="ex">php中文网</div> 
    </body> 
    </html>

登录后复制