html 字体颜色

2016-08-03 20:02:28 html文字字体颜色设置多种方法。

html字体颜色设置

html文字字体颜色设置这里HTML8为大家介绍两种方法，一种直接标签内使用CSS字体颜色样式实现，一种外部CSS设置字体颜色，另外一种使用html font标签设置设置字体颜色。

一、html font设置字体颜色

font标签内设置html 字体颜色代码：

<font color="#FF0000">HTML8欢迎您！</font>

font使用color属性设置字体颜色

font设置color字体颜色

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

直接在标签内使用style设置color文字颜色，代码：

<p style="color:#00F">颜色设置测试文字</p>

标签内style设置文本颜色效果截图：

html标签直接设置字体颜色

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

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

完整HTML+CSS代码：

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>外部CSS设置html字体颜色实例 HTML8</title> 
<style> 
.ex{ color:#390} 
</style> 
</head> 
<body> 
<div class="ex">颜色设置测试文字</div> 
</body> 
</html>

使用class引入外部CSS字体颜色。

效果截图：

外部CSS设置HTML字体颜色效果截图

html font设置字体颜色color使用等号设置颜色值，而CSS设置字体颜色使用color设置字体颜色值使用冒号。

font标签设置HTML字体颜色：
<font color=”颜色值”></font>

CSS设置html内字体颜色：
div{color:颜色值}