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

    css怎么把字体颜色改为白色

    青灯夜游青灯夜游2021-02-24 11:35:23原创103

    在css中,可以通过color属性把字体颜色改为白色,只需要将color属性的值设置为“white”、“#FFFFFF”、“rgb(255,255,255)”、“hsl(0,0%,100%)”中的一个即可。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    在css中,可以通过color属性把字体颜色改为白色。Color属性用于指定文本的颜色。

    语法:

    color:颜色值;

    而颜色值“白色”的不同表示方法:

    示例:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<style>
    			body {
    				background: #92a8d1;
    			}
    		</style>
    	</head>
    
    	<body>
    		<p>测试文本,字体颜色为默认的黑色</p>
    		<p style="color: white;">测试文本,字体颜色为白色</p>
    		<p style="color: #FFFFFF;">测试文本,字体颜色为白色</p>
    		<p style="color: rgb(255,255,255);">测试文本,字体颜色为白色</p>
    		<p style="color: hsl(0,0%,100%)">测试文本,字体颜色为白色</p>
    
    	</body>
    
    </html>

    效果图:

    1.png

    【推荐教程:CSS视频教程

    说明:

    2.png

    更多编程相关知识,请访问:编程视频!!

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

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:css 字体颜色 白色
    上一篇:用css实现图片右边有字 下一篇:css如何控制图片宽度
    第15期线上培训班

    相关文章推荐

    • 使用CSS3实现简单时间轴效果(附代码)• css如何去除下划线• css中div的意思是什么• css阴影的设置与取消• css样式表文件的扩展名是什么

    全部评论我要评论

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

    PHP中文网