本文目錄導(dǎo)讀：

1. 使用text-decoration屬性
2. 使用border-bottom屬性

CSS下劃線設(shè)置詳解

在CSS中，下劃線設(shè)置是一個常見的需求，通常用于突出顯示文本或增加可讀性，下面將詳細(xì)介紹如何使用CSS來設(shè)置下劃線。

使用text-decoration屬性

CSS中的text-decoration屬性可以用于設(shè)置文本的下劃線、上劃線、刪除線等裝飾效果，text-decoration: underline;表示設(shè)置下劃線。

給文本添加下劃線：

p {
text-decoration: underline;
}

使用border-bottom屬性

除了text-decoration屬性外，還可以使用border-bottom屬性來設(shè)置文本的下劃線，border-bottom: 1px solid #000;表示設(shè)置文本下方為1像素寬度的黑色邊框，即下劃線。

給文本添加下劃線：

p {
border-bottom: 1px solid #000;
}

三、使用box-decoration-break屬性

CSS中的box-decoration-break屬性也可以用于設(shè)置文本的下劃線，該屬性可以指定裝飾效果的渲染方式，如下劃線、上劃線和刪除線等。

給文本添加下劃線：

p {
box-decoration-break: underline;
}

需要注意的是，上述三種方法都可以用于設(shè)置文本的下劃線，但具體使用哪種方法取決于你的需求和瀏覽器兼容性，在設(shè)置下劃線時，還需要注意與文本顏色的搭配，避免影響閱讀體驗。