HTML中的邊框是網頁排版時經常使用的一種元素，它可以將網頁的不同部分劃分開來，使得網頁的結構更加清晰，易于閱讀。下面我們來看看HTML如何設置邊框寬度和樣式。

<style>
.box {
border: 1px solid #ccc;
/*設置邊框寬度為1px，邊框樣式為實線，邊框顏色為#ccc*/
}
</style>
<div class="box">
內容區域
</div>

上面的代碼演示了如何設置一個邊框寬度為1px，邊框樣式為實線，邊框顏色為#ccc的盒子。其中實線是一種邊框樣式，還有

dotted  虛線
dashed  短橫線
double  雙實線
groove  3D溝槽
ridge   3D脊狀
inset   3D凹陷
outset  3D突出

等多種邊框樣式可供選擇。如果需要設置不同寬度的邊框，則可以通過設置border-top-width、border-right-width、border-bottom-width、border-left-width等屬性來分別設置四個邊框寬度。例如：

<style>
.box {
border-top: 3px solid #f00;
border-right: 2px dotted #0f0;
border-bottom: 1px dashed #00f;
border-left: 1px double #000;
/*分別設置四個邊框的寬度和樣式*/
}
</style>
<div class="box">
內容區域
</div>

上面的代碼演示了如何設置四個邊框不同樣式和寬度的盒子。

總之，HTML中設置邊框是非常簡單的，只需要在對應的元素中添加border屬性并設置相應的值即可。