在網站開發中，使用css繪制兩邊畫線是一個常見的需求，本文將介紹如何使用css繪制兩邊畫線。首先，我們需要使用偽元素 before 和 after 來實現我們需要的效果。

.line {
position: relative;
display: inline-block;
padding: 0 10px;
font-size: 18px;
line-height: 1.5;
}
.line:before,
.line:after {
content: '';
width: 100%;
height: 1px;
background-color: #000;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.line:before {
left: 0;
}
.line:after {
right: 0;
}

以上是我們需要使用的 css 代碼。我們將 .line 元素的 position 設置為 relative，為了保證偽元素能夠相對于它進行定位。同時，我們使用了 display: inline-block 和 padding: 0 10px ，將元素轉換為行內塊元素，并設置了左右內邊距。這樣可以保證畫線不會貼到文字上。

接下來，我們定義了偽元素 before 和 after。我們使用 content 屬性來定義它們的內容為空，并設置了寬度為 100% ，高度為 1px ，背景顏色為黑色。我們使用了 position: absolute 和 top: 50% ，讓它們水平居中，并垂直居中。最后，我們使用 transform: translateY(-50%) ，再微調一下垂直居中的位置。

注意，在偽元素 before 中，我們設置了 left: 0 ，在偽元素 after 中，我們設置了 right: 0。這樣就保證了畫線在元素兩側的位置。

最后，我們將 .line 元素的結構寫出來，調用即可：

<div class="line">這里是一段文字</div>

以上就是如何使用 css 繪制兩邊畫線的方法，相信大家也發現，這種方法可以隨時調整畫線的樣式，讓你的網站更加靈活美觀。