在CSS中，設置邊框是很常見的操作。通常情況下，我們使用像素（px）作為邊框大小的單位來控制邊框的大小。但是，你知道你也可以使用百分比來設置邊框嗎？

使用百分比可以讓你根據元素的大小來控制邊框的大小，這在響應式設計中非常有用。使用百分比設置邊框的語法如下：

border-width: 10%;

例如，假設我們有一個CSS盒子如下：

div {
width: 50%;
padding: 20px;
border: 2px solid black;
}

在這個示例中，盒子的寬度是其父級元素寬度的50％，并設置了20像素的內邊距和2像素的邊框。 如果想要讓邊框的大小根據該元素的大小而變化，可以將邊框大小的單位更改為百分比，如下所示：

div {
width: 50%;
padding: 20px;
border: 10% solid black;
}

現在，這個盒子的邊框大小將根據其大小的百分比來設置。因此，如果該盒子具有更大的寬度，邊框的大小也會相應增加。

使用百分比設置邊框有一個需要注意的問題，即當盒子的寬度或高度太小時，邊框可能會變得過于小而難以看到。因此，請確保在使用百分比設置邊框時，將其與合適的盒子大小一起使用。