CSS3是一個(gè)非常強(qiáng)大的前端技術(shù)，其中之一的特性就是圓角半圓效果。它給網(wǎng)頁(yè)設(shè)計(jì)師提供了更多的選項(xiàng)，從而創(chuàng)造出更加美觀、現(xiàn)代、優(yōu)雅的設(shè)計(jì)。

/*圓角半圓*/
.border-radius {
border-radius: 10px;
}
/*只設(shè)置左上角和右下角的圓角*/
.border-radius-half {
border-radius: 20px 0 0 20px;
}
/*只設(shè)置右上角和左下角的圓角*/
.border-radius-half {
border-radius: 0 20px 20px 0;
}
/*與背景色相同的半圓形圖形*/
.border-radius-circle {
border-radius: 50%;
}

以上是一些常用的CSS3圓角半圓效果，你可以根據(jù)自己的需求進(jìn)行修改、調(diào)整。另外，你還可以使用CSS3的其他新特性來(lái)增強(qiáng)你的網(wǎng)頁(yè)設(shè)計(jì)。