兩端虛線是一種常見的CSS樣式，它可以用來給網頁內容添加分隔線，讓內容更加清晰易讀。下面我們來介紹如何使用CSS來實現兩端虛線樣式。

.dashed-line {
/* 設置兩端虛線 */
border: 1px dashed #999999;
/* 設置寬度和高度 */
width: 100%;
height: 2px;
/* 設置距離 */
margin-top: 10px;
margin-bottom: 10px;
}

上面的CSS代碼中，我們使用了border屬性來設置兩端虛線，同時給虛線設置了顏色和線寬。我們還設置了寬度、高度和距離，可以根據自己的需要進行調整。

除了以上的CSS樣式，我們還可以使用一些其他的技巧來實現兩端虛線效果，例如使用偽元素等。不過在使用這些技巧之前，我們需要先了解CSS中的盒子模型和偽元素的概念。

.dashed-line:before {
/* 設置偽元素 */
content: "";
display: block;
/* 設置兩端虛線 */
border-top: 1px dashed #999999;
width: 50%;
height: 1px;
/* 設置位置 */
position: absolute;
top: 0;
left: 0;
}
.dashed-line:after {
/* 設置偽元素 */
content: "";
display: block;
/* 設置兩端虛線 */
border-top: 1px dashed #999999;
width: 50%;
height: 1px;
/* 設置位置 */
position: absolute;
top: 0;
right: 0;
}

使用偽元素的方式可以讓我們更加靈活地控制兩端虛線的效果，例如可以讓虛線的長度與容器的寬度保持一致等。不過需要注意的是，在使用偽元素時，我們需要設置content屬性的值為“”才能讓其生效。

總之，兩端虛線是一種簡單實用的CSS樣式，可以讓我們在網頁設計中實現更加美觀的分隔效果。