您的位置:首页 > CSS技巧 > 【 返回上一页

html字体颜色

html字体颜色设置

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

一、html font设置字体颜色

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

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

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


font设置color字体颜色

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

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

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

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


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字体颜色实例 ThinkCSS</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字体颜色效果截图

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

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

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

相关标签: 颜色
如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/jiqiao/997.shtml

日期:2016-08-03 19:57:26 来源:www.thinkcss.com 作者:css

热门点击