微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html设置字体颜色的方法是什么

这篇文章主要介绍“html设置字体颜色的方法是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“html设置字体颜色的方法是什么”文章能帮助大家解决问题。

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

方法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>

效果图:

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>

效果图:

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">编程之家</div> 
    </body> 
    </html>

html设置字体颜色的方法是什么

关于“html设置字体颜色的方法是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程之家行业资讯频道,小编每天都会为大家更新不同的知识点。

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

相关推荐