您的位置:CSS5 > CSS技巧 >

span字体颜色设置 span标签设置字体颜色

发布日期:2016-08-07 17:41:29 来源:css5.com.cn

span字体颜色设置 span标签设置字体颜色

对span内文字设置CSS字体颜色,常见有两种方法,一种是标签内使用style直接设置CSS样式,另外一种是外部CSS使用id或class设置字体颜色。

一、style设置span的字体颜色样式

1、span字体颜色设置实例代码

  1. <span style="color:#F00">测试文字 CSS5</span> 

span使用style属性设置CSS样式

2、示例效果截图

span style字体颜色设置截图
span style字体颜色设置截图

二、外部css设置span字体颜色

1、外部css设置span内字体颜色样式代码

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

2、外部CSS设置span字体颜色效果截图

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

标签(Tag): 颜色
本文分享URL地址:https://www.css5.com.cn/jiqiao/1004.shtml

作者:div css

上一页:上一篇:div盒子 css布局中div盒子是什么?
下一页:下一篇:div大小 div固定大小设置