CSS 中的圓形元素通常用于創(chuàng)建很多美觀的設(shè)計效果。我們可以使用一些 CSS 屬性來實現(xiàn)圓形元素的效果，例如圓角屬性（border-radius）。

.circle {
border-radius: 50%;
width: 100px;
height: 100px;
background-color: pink;
}

上述代碼可創(chuàng)建一個簡單的粉色圓形。想要讓圓形元素的部分邊框加粗，我們可以使用偽類（:before 或 :after）與 border-radius 屬性結(jié)合使用。

.circle-with-border {
position: relative;
border-radius: 50%;
width: 100px;
height: 100px;
border: 2px solid pink;
background-color: white;
}
.circle-with-border:before {
content: '';
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
border-radius: inherit;
border: 5px solid pink;
}

以上代碼會創(chuàng)建一個白色圓形，邊框為粉色，部分邊框加粗效果。其中，.circle-with-border:before 會創(chuàng)建一個絕對定位的偽元素，該元素的邊框是復(fù)制了父元素的圓角屬性（border-radius: inherit），并且寬度使用 right、bottom、left、top 控制，從而形成加粗效果。

再來一個部分邊框加粗的例子：

.circle-with-border-2 {
position: relative;
border-radius: 50%;
width: 100px;
height: 100px;
border-bottom: 3px solid pink;
background-color: white;
}
.circle-with-border-2:before {
content: '';
position: absolute;
top: -3px;
left: 0;
right: 0;
height: 6px;
border: 3px solid pink;
border-radius: 50%;
}

上面這段代碼會創(chuàng)建一個白色的圓形，只有底部邊框加粗并為粉色。.circle-with-border-2:before 會創(chuàng)建一個占據(jù)整個圓形底部的偽元素，高度為 6px（底部邊框的厚度）。

總之，CSS 中使用 border-radius 屬性和偽類可以輕松創(chuàng)建圓形元素以及部分邊框加粗的效果，這對于 UI 設(shè)計和頁面制作都有一定的幫助。