在CSS中，給div添加下劃線是一個常見的需求，要實(shí)現(xiàn)這個效果，你可以使用CSS的text-decoration屬性，以下是一些示例代碼，展示如何給div添加下劃線：

示例1：使用text-decoration屬性

div {
    text-decoration: underline;
}

示例2：使用border-bottom屬性

除了使用text-decoration，你還可以使用border-bottom屬性來添加下劃線：

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

示例3：結(jié)合使用text-decoration和border-bottom

你可以結(jié)合使用這兩個屬性，以達(dá)到更靈活的效果：

div {
    text-decoration: underline;
    border-bottom: 1px solid #000;
}

示例4：使用偽元素::after

另一種方法是使用偽元素::after來添加下劃線：

div {
    position: relative;
}
div::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #000;
}

示例5：使用SVG圖像

你還可以使用SVG圖像來添加下劃線，這種方法可以提供更多的自定義選項(xiàng)：

<div class="underline"></div>

.underline {
    height: 20px; /* 假設(shè)是行高 */
    background-image: url('underline.svg'); /* 替換為SVG圖像路徑 */
    background-repeat: repeat-x; /* 水平重復(fù) */
}

給div添加下劃線有多種方法，包括使用text-decoration、border-bottom、偽元素::after以及SVG圖像，選擇哪種方法取決于你的具體需求和設(shè)計(jì)需求，希望這些示例能幫助你找到適合的方法！