CSS中的邊框樣式是網頁設計中非常重要的一部分，能夠大大提升頁面的美觀程度。其中，虛線邊框是一種比較特別的風格，通過CSS的樣式設置，可以實現流動的效果。

border-style: dotted;
border-width: 2px;
animation: moving-dots 2s ease-in-out infinite;
@keyframes moving-dots {
 0% {
transform: translateX(0);
 }
 50% {
transform: translateX(20px);
 }
 100% {
transform: translateX(0);
 }
}

上述代碼通過設置邊框樣式為dotted虛線，并設置邊框寬度為2px。接著，利用CSS3的animation屬性，設置動畫效果，并定義一個關鍵幀moving-dots。

在moving-dots關鍵幀中，分別設置了0%、50%、100%的效果。其中，0%表示該樣式在動畫開始時生效，50%表示在動畫的中間生效，而100%則是在動畫結束時生效。并且，設置transform屬性的translateX值，即可以實現虛線邊框的流動效果。

通過以上CSS樣式設置，即可實現虛線邊框在網頁上流暢地流動，讓網頁視覺效果更加炫酷。當然，用戶需要注意，由于使用了CSS3的特性，該效果在一些舊版瀏覽器中可能無法正常展示，因此需要適當做一些兼容性處理。