Rumah > hujung hadapan web > tutorial css > css怎么将字体设置成白色

css怎么将字体设置成白色

王林
Lepaskan: 2020-11-30 11:51:40
asal
9051 orang telah melayarinya

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

css怎么将字体设置成白色

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

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

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

相关属性:

Color属性指定文本的颜色。

语法:

color : value;
Salin selepas log masuk

属性值:

  • 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>
Salin selepas log masuk

实现效果:

637c1e3ac2c199fe25b114c617f85ea.png

相关推荐:CSS教程

Atas ialah kandungan terperinci css怎么将字体设置成白色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan