css中怎麼給字型加粗

CSS 中給字體加粗可以透過font-weight 屬性，預設值normal，加粗值bold，也支援更輕（lighter）、更重（bolder）、100-900 數值（400 為正常）。

在CSS 中為字體加粗

在CSS 中為字體加粗非常簡單，可以使用font-weight 屬性。

HTML 程式碼

<code class="html"><p>这是普通文本</p>
<p><strong>这是加粗文本</strong></p></code>

CSS 程式碼

<code class="css">p {
  font-weight: normal;
}

strong {
  font-weight: bold;
}</code>

在這個範例中，normal 是字體的預設權重，而bold 是加粗權重。

除了normal 和bold 之外，font-weight 屬性還支援下列值：

• lighter：比目前字體權重更輕
• bolder：比目前字體權重更重
• 100：最輕的字體權重
• 200 - 900：介於輕與重的字體權重之間（其中400 是正常權重）

#範例

要將文字加粗為中等粗細，可以使用下列CSS：

<code class="css">p {
  font-weight: 600;
}</code>

#瀏覽器支援

font-weight 屬性得到所有現代瀏覽器的良好支援。

以上是css中怎麼給字型加粗的詳細內容。更多資訊請關注PHP中文網其他相關文章！