在CSS中,我們可以使用font-weight屬性來定義文本的字體粗細程度。 font-weight屬性的值可以是關鍵字,也可以是數字。
關鍵字
在關鍵字中,我們有以下選項:
? normal:默認值,文本的正常字體粗細程度。
? bold:文本會被加粗。
? bolder:使文本比“bold”更加粗。
? lighter:使文本比“normal”更輕。
代碼如下:
數字
在數字中,我們可以指定字體的具體粗細。數字的取值范圍為100到900,其中100最輕,900最重。
代碼如下:
總結
在CSS中使用font-weight屬性可以簡單地定義字體的粗細。我們可以使用關鍵字來指定具體的粗細程度,也可以使用數字來實現更加精確的粗細控制。
關鍵字
在關鍵字中,我們有以下選項:
? normal:默認值,文本的正常字體粗細程度。
? bold:文本會被加粗。
? bolder:使文本比“bold”更加粗。
? lighter:使文本比“normal”更輕。
代碼如下:
p { font-weight: normal; /* 默認值 */ } p { font-weight: bold; /* 加粗 */ } p { font-weight: bolder; /* 更加粗 */ } p { font-weight: lighter; /* 更輕 */ }
數字
在數字中,我們可以指定字體的具體粗細。數字的取值范圍為100到900,其中100最輕,900最重。
代碼如下:
p { font-weight: 100; /* 最輕 */ } p { font-weight: 400; /* 默認值,normal */ } p { font-weight: 700; /* 加粗,bold */ } p { font-weight: 900; /* 最重 */ }
總結
在CSS中使用font-weight屬性可以簡單地定義字體的粗細。我們可以使用關鍵字來指定具體的粗細程度,也可以使用數字來實現更加精確的粗細控制。