CSS設置橫穿線的方法

在CSS中，可以使用“text-decoration”屬性來設置橫穿線，該屬性可以應用于文本元素，如段落、標題等，以在文本下方添加一條橫線。

要設置橫穿線，您需要指定要添加橫線的文本元素，并在CSS樣式表中為該元素添加“text-decoration”屬性，如果您想要為段落添加橫線，可以這樣做：

p {
  text-decoration: underline;
}

這將在所有段落下方添加一條橫線，如果您只想為特定段落添加橫線，可以使用類名或ID來指定該段落，

.special-paragraph {
  text-decoration: underline;
}

或

#unique-paragraph {
  text-decoration: underline;
}

除了使用“text-decoration”屬性外，您還可以使用“border-bottom”屬性來添加橫線，與“text-decoration”不同，“border-bottom”會在元素底部添加一條完整的邊框線，而不僅僅是文本下方。

p {
  border-bottom: 1px solid black;
}

這將在所有段落下方添加一條完整的黑色邊框線，同樣，您也可以使用類名或ID來指定特定段落。

使用“text-decoration”或“border-bottom”屬性時，應確保您的文本內容不會超出容器的寬度，如果文本超出容器寬度，橫線可能會斷裂或無法正常顯示，在設計時應該考慮到這一點。