字體下劃線加粗CSS

在CSS中，我們可以使用text-decoration屬性來加粗字體下劃線，這個屬性不僅可以控制下劃線的樣式，還可以調(diào)整其顏色、粗細等屬性，下面是一個簡單的示例：

p {
  text-decoration: underline;
  text-decoration-color: blue;
  text-decoration-style: double;
}

在這個示例中，段落（p元素）下的文本將會有一個藍色的雙線下劃線，你可以根據(jù)需要調(diào)整這些值，如果你想要一個紅色的單線下劃線，你可以這樣寫：

p {
  text-decoration: underline;
  text-decoration-color: red;
  text-decoration-style: solid;
}

字體加粗CSS

除了下劃線，CSS還可以用來加粗字體，使用font-weight屬性可以實現(xiàn)這一效果。

h1 {
  font-weight: bold;
}

在這個示例中，所有的一級標題（h1元素）將被加粗顯示，你也可以使用數(shù)字值來調(diào)整加粗的強度，如font-weight: 700;。

合并使用

你可以將這兩個屬性合并起來，創(chuàng)建一個既有下劃線又加粗的字體樣式。

h1 {
  text-decoration: underline;
  text-decoration-color: blue;
  text-decoration-style: double;
  font-weight: bold;
}

在這個示例中，所有的一級標題將會有一個藍色的雙線下劃線，并且字體將被加粗顯示。

通過CSS，我們可以輕松地控制字體下劃線的樣式和顏色，以及加粗的強度，這些屬性使得我們可以創(chuàng)建出豐富多樣的文本樣式，提升網(wǎng)頁的視覺效果，希望這篇文章能幫助你更好地理解和使用這些CSS特性。