首页 > web前端 > css教程 > css怎么将字体设置成白色

css怎么将字体设置成白色

王林
发布: 2020-11-30 11:51:40
原创
9069 人浏览过

css将字体设置成白色的方法:可以通过使用color属性来指定字体的颜色,如【color: white】或【color: #fff】,color属性用于指定文本的颜色,颜色值可以是颜色名称或十六进制值。

css怎么将字体设置成白色

本教程操作环境:windows10系统、css3版,该方法适用于所有品牌电脑。

css将字体设置成白色的方法:

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

相关属性:

Color属性指定文本的颜色。

语法:

color : value;
登录后复制

属性值:

  • color_name:规定颜色值为颜色名称的颜色(比如 red)。

  • hex_number:规定颜色值为十六进制值的颜色(比如 #ff0000)。

  • rgb_number:规定颜色值为 rgb 代码的颜色(比如 rgb(255,0,0))。

示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			body {
				background-color: palegreen;
			}
			.color1 {
				color: white
			}
			.color2 {
				color: #fff
			}
			#color3 {
				color: rgb(255, 255, 255)
			}
		</style>
	</head>
	<body>
		<p>默认字体颜色</p>
		<p class="color1">字体颜色设置white</p>
		<p class="color2">字体颜色设置#fff</p>
		<p id="color3">字体颜色设置rgb(255,255,255)</p>
	</body>
</html>
登录后复制

实现效果:

637c1e3ac2c199fe25b114c617f85ea.png

相关推荐:CSS教程

以上是css怎么将字体设置成白色的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板