用css设置字体颜色的方法:1、直接在文字所在标签中使用“style=color:颜色值”代码来设置字体颜色;2、使用id或class引入外部或内嵌的CSS字体颜色样式,从而设置字体颜色。 本教程操作
用css设置字体颜色的方法:1、直接在文字所在标签中使用“style="color:颜色值"”代码来设置字体颜色;2、使用id或class引入外部或内嵌的CSS字体颜色样式,从而设置字体颜色。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
1、标签内设置CSS字体颜色样式
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /></head> <body> <div>测试文本</div></body> <div style="color:red;">测试文本</div></body> </html>
效果图:
2、外部CSS设置html文字字体的颜色
使用id或class引入外部或内嵌的CSS字体颜色样式,从而设置html 字体颜色。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style> .ex { color: pink; } </style> </head> <body> <div>测试文本</div> <div class="ex">测试文本</div> </body> </html>
效果图:
(学习视频分享:css视频教程)