CSS3中有一個很實(shí)用的功能就是內(nèi)圓邊框。之前我們往往只能實(shí)現(xiàn)外部的邊框效果，現(xiàn)在我們可以通過CSS3讓邊框呈現(xiàn)出內(nèi)部圓形的效果。

.box{
width: 200px;
height: 200px;
border: 3px solid gray;
border-radius: 50%;
padding: 20px;
background-color: lightgray;
}

上述代碼展示了實(shí)現(xiàn)一個內(nèi)圓邊框的方法。我們需要為目標(biāo)元素設(shè)置一個固定的寬高，并將邊框設(shè)置為圓形，來實(shí)現(xiàn)邊框圓形化的效果。同時將內(nèi)部填充padding設(shè)置為一個數(shù)值，可以讓內(nèi)容與邊框有間隔，讓效果更顯眼。

除了默認(rèn)的內(nèi)圓邊框外，我們還可以實(shí)現(xiàn)多層邊框、不同顏色的邊框等。下面是一個例子，實(shí)現(xiàn)了兩層邊框，一個實(shí)線的白色邊框，一個虛線的灰色邊框：

.box{
width: 200px;
height: 200px;
border: 3px solid white;
border-radius: 50%;
padding: 20px;
background-color: lightgray;
border-style: dashed;
border-color: gray;
border-width: 3px;
}

通過設(shè)置不同的邊框樣式、顏色與寬度，我們可以實(shí)現(xiàn)各種不同的內(nèi)圓邊框效果。這種效果在設(shè)計海報、宣傳頁等場合都非常實(shí)用，可以讓內(nèi)容更加突出、美觀。