标签内设置CSS字体颜色的代码实例:

css如何定义字体颜色

css定义字体颜色的方法:1、在文字所在标签中直接使用css样式设置颜色即可。2、在文字所在标签中使用id或class引入css字体颜色样式。

css设置字体颜色的方法:

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

语法:

<p style="color:red"></p>

标签内设置CSS字体颜色的代码实例:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
 </head>
 <body>
  <div style="color:red;font-size:50px">
   HTML中文网
  </div>
 </body>
</html>

说明:font-size:50px为字体大小。标签内设置CSS字体颜色的效果如下:

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

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

外部CSS设置html文字字体的颜色的代码示例:

<!DOCTYPE html>
<html>
 <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <style> .ex{ color:pink;font-size:50px} </style> 
 </head> 
 <body> 
  <div class="ex">
   HTML中文网
  </div>  
 </body>
</html>

外部CSS设置html文字字体的颜色效果如下:

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

推荐:css文档

以上就是css如何定义字体颜色的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读