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

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

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

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

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

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

  1. <span style="color:#F00">测试文字 ThinkCSS</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字体颜色设置实例 ThinkCSS</title> 
  6. <style> 
  7. .abc{ color:#00F} 
  8. </style> 
  9. </head> 
  10. <body> 
  11. <span class="abc">测试文字 ThinkCSS</span> 
  12. </body> 
  13. </html> 

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


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

如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/jiqiao/j1004.shtml

修订日期:2016-08-07 17:41 www.thinkcss.com div css