• 技术文章 >web前端 >css教程

    怎么用css设置字体颜色

    青灯夜游青灯夜游2021-05-13 14:59:13原创2944

    用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>

    效果图:

    1.png

    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>

    效果图:

    2.png

    (学习视频分享:css视频教程

    以上就是怎么用css设置字体颜色的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css 字体颜色
    上一篇:css怎么隐藏元素但保留位置 下一篇:css怎么实现瀑布流布局
    大前端线上培训班

    相关文章推荐

    • css中的bootstrap是指什么• css怎么设置分割线• html css是什么• css怎么隐藏元素但保留位置• css怎么设置不显示下边框

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网