在css檔中字體加粗屬性為什麼-前端問答-PHP中文網

首頁

web前端

前端問答

在css檔中字體加粗屬性為什麼

Dec 10, 2021 pm 12:52 PM

css

在css檔案中，字體加粗屬性為“font-weight”，該屬性可設定字體文字的粗細程度，當屬性值設定為“bold”時可定義粗體字符，設定為“ bolder”時可定義較粗的字元。

在css檔中字體加粗屬性為什麼

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

在css檔案中，字體加粗屬性為「font-weight」。

font-weight 屬性可設定文字的粗細，支援多種屬性值：

##描述normal預設值。定義標準的字元。 bold定義粗體字元。 bolder定義較粗的字元。 lighter定義更細的字元。定義由細到粗的字元。 400 等同於 normal，而 700 等同於 bold。

#值




100 200 300 400 500 600 700 800 900

範例：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>css 文字加粗</title>
		<style>
			p.normal {
				font-weight: normal;
			}
			p.bold {
				font-weight: bold;
			}
			
			p.bolder {
				font-weight: bolder;
			}
			
			p.thicker {
				font-weight: 900;
			}
		</style>
	</head>

	<body>
		<p class="normal">测试文本！</p>
		<p class="bold">测试文本！</p>
		<p class="bolder">测试文本！</p>
		<p class="thicker">测试文本！</p>
	</body>

</html>

登入後複製

在css檔中字體加粗屬性為什麼