在HTML中，外邊框可以用CSS來設置，以達到美觀的效果。在以下的代碼中，我們將用pre標簽的形式來呈現樣例代碼。 首先，我們可以使用CSS的border屬性來設置外邊框的寬度、樣式、顏色等等。例如，以下代碼將設置外邊框的寬度為1像素，樣式為實線，顏色為紅色：

p {
border: 1px solid red;
}

這段CSS代碼將應用到HTML中所有的p標簽上，使其外邊框顏色變為紅色。 如果你只想將特定的p標簽外邊框顏色設置為紅色，可以給該標簽加上一個class屬性，例如下面的代碼：

p.red-border {
border: 1px solid red;
}

這段CSS代碼將只應用于class為"red-border"的p元素上。 還可以通過CSS的偽類選擇器來設置特定狀態下的外邊框顏色。例如，以下代碼將在鼠標懸浮在p標簽上時，將外邊框顏色設為黃色：

p:hover {
border: 1px solid yellow;
}

在以上代碼中，當鼠標懸浮在p標簽上時，外邊框顏色就會變為黃色。 總結一下，在HTML中，通過CSS的border屬性、class屬性、偽類選擇器等方式，我們能很方便地自定義外邊框的顏色、寬度等屬性，以達到更加美觀的效果。