html 字体颜色

html文字字体颜色设置多种方法。

html字体颜色设置

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

一、html font设置字体颜色

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

  1. <font color="#FF0000">HTML8欢迎您!</font> 

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

font设置color字体颜色
font设置color字体颜色

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

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

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

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

html标签直接设置字体颜色
html标签直接设置字体颜色

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

使用idclass引入外部CSS字体颜色样式,从而设置html 字体颜色

完整HTML+CSS代码:

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

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

效果截图:

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

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

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

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

更新