本教程操作环境: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">编程网</div>
</body>
</html>
推荐教程:《html视频教程》
以上就是html怎么设置字体颜色的详细内容,更多请关注编程网其它相关文章!