CSS外邊框虛線是一種常用的CSS樣式，用于設置頁面元素的邊框樣式。與傳統的邊框樣式不同，外邊框虛線通常呈現出一種邊框輪廓線模糊的效果，使頁面元素看起來更加美觀和流暢。

外邊框虛線通常由一個實線與一個虛線組成，實線寬度等于邊框寬度，而虛線寬度則取決于需要設置的虛線長度。還可以通過設置外邊框的CSS屬性來創建不同的樣式效果，例如：

```css

body {

background-color: #f2f2f2;

border-left: 10px solid #ccc;

border-right: 10px solid #ccc;

上面的代碼創建了一個水平居中的頁面元素，其邊框寬度為10像素，邊框樣式為白色，同時設置了外邊框的值為黃色。

下面是一個垂直居中的頁面元素，其邊框寬度和樣式與上面的代碼類似，但添加了一個垂直居中的樣式：

```css

body {

background-color: #f2f2f2;

border-left: 10px solid #ccc;

border-right: 10px solid #ccc;

position: relative;

transform: translateY(100%);

body {

border-left: 10px solid #ccc;

border-right: 10px solid #ccc;

上面的代碼創建了一個垂直居中的頁面元素，其邊框寬度為10像素，邊框樣式為黃色，同時添加了一個垂直居中的樣式。

除了以上幾種基本的外邊框虛線樣式，還可以通過使用不同的顏色、寬度、厚度等參數來創建更加豐富的樣式效果。通過靈活的使用外邊框虛線樣式，可以使頁面布局更加美觀和簡潔。