CSS 中的字體加粗與加下劃線是常用的樣式效果,可以讓頁面內容更加突出和清晰。下面我們將詳細討論這兩種樣式的實現方式。
1. 加粗
字體加粗可以讓字體更加醒目和突出,常用于標題、重點提示等內容。CSS 中實現加粗可以使用 font-weight 屬性,常見的取值有以下幾種:
- normal:默認值,不加粗。
- bold:加粗。
- bolder:更加粗,比 bold 更粗。
- lighter:更加細,比 normal 更細。
- 數值:使用數字表示加粗程度,例如 600 表示較粗,900 表示極粗。
示例代碼如下:
p { font-weight: bold; }上述代碼將所有段落文字加粗顯示。 2. 加下劃線 加下劃線是一種常見的文字修飾方式,可以用于鏈接、重點標記等。CSS 中實現加下劃線可以使用 text-decoration 屬性,常見的取值有以下幾種: - none:默認值,不顯示下劃線。 - underline:顯示下劃線。 - overline:顯示上劃線。 - line-through:顯示刪除線。 示例代碼如下:
p { text-decoration: underline; }上述代碼將所有段落文字添加下劃線。 3. 同時使用加粗和加下劃線 加粗和加下劃線可以同時使用,以達到更加醒目的效果。示例代碼如下:
p { font-weight: bold; text-decoration: underline; }上述代碼將所有段落文字同時加粗和加下劃線。 總結 字體加粗與加下劃線是 CSS 中常用的樣式效果之一,可以讓頁面內容更加突出和清晰。實現方式分別為使用 font-weight 和 text-decoration 屬性,并支持同時使用。使用時需根據具體需求,選擇合適的樣式方式展現頁面內容。
上一篇css字體去基線