邊框是網(wǎng)頁設(shè)計中常用的一種元素，通過調(diào)整邊框的樣式和大小，可以讓頁面看起來更加美觀和醒目。在CSS中，邊框的樣式可以通過百分比來定義。

.border{
border: 2% solid black;
}

在上述代碼中，我們通過設(shè)置邊框的樣式來給class為border的元素增加一個邊框。在border屬性中，我們將邊框的寬度設(shè)為了2%，顏色設(shè)為了黑色，樣式設(shè)為了實線。這樣，在網(wǎng)頁中，我們就可以看到一個寬度為元素寬度的2%的黑色邊框。

除了在border屬性中定義百分比外，我們還可以在border-width、border-style和border-color等屬性中分別定義百分比，從而實現(xiàn)更加細粒度的控制。比如下面的代碼可以讓元素的上邊框和下邊框?qū)挾确謩e占據(jù)元素高度的5%和10%，顏色分別為紅色和藍色，樣式為實線和虛線。

.border-top{
border-top-width: 5%;
border-top-color: red;
border-top-style: solid;
}
.border-bottom{
border-bottom-width: 10%;
border-bottom-color: blue;
border-bottom-style: dotted;
}

通過設(shè)置百分比的邊框樣式，我們可以讓網(wǎng)頁設(shè)計更加靈活和多樣化。可以根據(jù)實際的需求和設(shè)計風格，來嘗試不同的樣式和效果，從而打造出更加出色的網(wǎng)頁。