CSS文字兩側橫線是指將一段文字的左右兩側添加橫線，常用于標題、重要提醒等場合。以下是實現該效果的幾種方式：

<style>
/* 方式一：使用border實現 */
.title {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
display: inline-block; /* 讓橫線緊貼文字 */
padding: 5px; /* 根據需要添加文字間距 */
}
/* 方式二：使用偽元素實現 */
.title::before,
.title::after {
content: "";
display: inline-block;
width: 50%; /* 使橫線長度適應文字 */
height: 1px;
background-color: #000;
}
/* 方式三：使用線性漸變實現 */
.title {
background-image: linear-gradient(to right, #000, #000);
background-position: center;
background-repeat: no-repeat;
background-size: 50% 1px; /* 使橫線長度適應文字 */
display: inline-block;
padding: 5px; /* 根據需要添加文字間距 */
}
</style>

上述代碼中，第一種方式使用border屬性來實現橫線效果，需要將元素設置為inline-block，才能讓橫線緊貼文字。第二種方式使用偽元素before和after來實現橫線效果，通過設置寬度和高度來控制橫線長度和寬度。第三種方式使用線性漸變的方式來實現橫線效果，同樣需要將元素設置為inline-block，同時設置背景漸變及大小。

以上是實現CSS文字兩側橫線的幾種方式，用戶可根據需求選擇其中一種或多種方式來實現。