CSS里有很多種方法可以設(shè)置橫線，下面我們來(lái)介紹一些常見(jiàn)的方法。

/* 1. 通過(guò)border-bottom設(shè)置下劃線 */
.example {
border-bottom: 1px solid #000;
}
/* 2. 使用偽元素 ::before 或 ::after 來(lái)創(chuàng)建下劃線 */
.example::before {
content: "";
display: block;
border-bottom: 1px solid #000;
}
/* 3. 使用background-image來(lái)生成圖片下劃線 */
.example {
background-image: linear-gradient(to right, #000 50%, transparent 50%);
background-size: 100% 1px;
background-position: bottom;
background-repeat: no-repeat;
}
/* 4. 使用text-decoration來(lái)添加下劃線 */
.example {
text-decoration: underline;
}

以上是一些常見(jiàn)的設(shè)置橫線的方法，具體哪一種方法使用要根據(jù)實(shí)際情況來(lái)選擇。如果是需要在文字下方添加下劃線，可以選擇border-bottom和text-decoration方法；如果需要在區(qū)塊下方添加下劃線，則可以使用偽元素和background-image方法來(lái)實(shí)現(xiàn)。