在web開發中，我們經常使用CSS來讓網站更美觀。其中，線條是很常見的一種方式。在CSS里面，我們使用border來設置線條，可以設置線寬、線樣式、顏色等。但是，有時候我們需要一種不帶線中間的線條效果，本文將介紹如何使用CSS實現這種效果。

.line {
position: relative;
width: 100%;
background-color: #000;
height: 2px;
}
.line::before {
content: "";
position: absolute;
left: 10px;
top: 0;
bottom: 0;
width: 10px;
height: 2px;
background-color:#fff;
}
.line::after {
content: "";
position: absolute;
right: 10px;
top: 0;
bottom: 0;
width: 10px;
height: 2px;
background-color:#fff;
}

上面的代碼中，我們首先創建了一個寬度為100%、高度為2px的黑色線條，然后使用偽元素::before和::after來創建不帶線中間的效果。其中，::before表示在原有元素前面添加一個元素，::after表示在原有元素后面添加一個元素。

我們在::before和::after中設置了寬度、高度、背景顏色等，從而讓它們在會覆蓋部分的地方將原有線條遮擋住，從而形成了無線中間的效果。

總結來說，使用CSS實現無線中間的線條效果，只需要在原有線條前后添加兩個元素，設置寬度和背景顏色，就可以輕松實現。在實際開發中，可以根據需要調整寬度、顏色等來達到最佳效果。