文字兩邊橫線(xiàn)是一種比較常用的美化文字的方式，通過(guò)使用CSS來(lái)實(shí)現(xiàn)。常見(jiàn)的方式是利用text-decoration屬性，將文字的下劃線(xiàn)改為橫線(xiàn)，并設(shè)置顏色和寬度。然后再使用::before和::after偽元素來(lái)分別添加橫線(xiàn)。下面是示例代碼：

p {
position: relative;
text-decoration: none;
}
p::before,
p::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-top: 1px solid black;
}
p::before {
margin-right: 0.5em;
}
p::after {
margin-left: 0.5em;
}

在以上代碼中，首先設(shè)置了position: relative;，以便后續(xù)使用絕對(duì)定位。然后將text-decoration屬性設(shè)置為none，取消原有的下劃線(xiàn)。

接下來(lái)就是添加偽元素::before和::after。兩個(gè)偽元素的內(nèi)容都是空的，使用position: absolute;將其與原有文字進(jìn)行絕對(duì)定位，位置設(shè)置為底部左右各占一半。邊框設(shè)置為1像素的實(shí)線(xiàn)，顏色為黑色。

最后通過(guò)添加margin-left和margin-right來(lái)控制兩側(cè)橫線(xiàn)離文字的距離。

通過(guò)以上代碼，便可以輕松地為網(wǎng)頁(yè)中的文字添加漂亮的兩側(cè)橫線(xiàn)，提升頁(yè)面的美觀(guān)度。