html怎么设置字体颜色
- 青灯夜游 原创
- 2023-03-08 10:04:26 21626浏览
html设置字体颜色的方法：1、使用font标签，语法“<font color="颜色值">字体文本</font>”；2、在包含字体文本的标签元素中使用style属性，添加“color:颜色值;”样式；3、使用id或class引入外部css字体颜色样式，从而设置html字体颜色，语法“id或class选择器{color:颜色值;}”。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
方法1：使用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 属性将覆盖任何全局的样式设定，例如在
语法：
<element style="max-width:90%">
示例：
<!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>
推荐教程：《html视频教程》
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：html div是什么
下一条：jquery中属性选择器是什么
