在CSS中，我們可以通過text-decoration屬性來給文字添加下劃線，但是如何讓下劃線處于文字中間呢？

我們可以使用偽元素:before和:after來實現(xiàn)這個效果。具體方法如下：

p {
position: relative; /* 設置相對定位 */
text-decoration: none; /* 取消原有下劃線 */
}
p:before {
content: "";
position: absolute; /* 設置絕對定位 */
bottom: 50%; /* 將下劃線移動至文字中間 */
left: 0;
right: 0;
border-bottom: 1px solid #000; /* 設置下劃線樣式 */
}

上述代碼中，我們先將p元素的定位設置為相對定位，取消原有下劃線。接著使用:before偽元素創(chuàng)建一個空的框架，在這個框架中我們設置絕對定位、bottom為50%來讓它移動到文字中間位置，left和right均為0，這樣就可以覆蓋整個p元素。最后設置border-bottom樣式即可。

通過這個方法，我們可以在不使用圖片的情況下實現(xiàn)下劃線處于文字中間的效果。