CSS長方形拐角變圓，可以使用border-radius屬性來實現。該屬性指定元素的角落的圓角半徑。

.example{
border-radius: 10px;
}

上述代碼將.example元素的四個角落的圓角半徑設置為10個像素。

如果要單獨設置每個角落的圓角半徑，可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius屬性。

.example{
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 40px;
}

上述代碼將.example元素的左上角圓角半徑設置為10個像素，右上角圓角半徑設置為20個像素，左下角圓角半徑設置為30個像素，右下角圓角半徑設置為40個像素。

如果要實現半圓形或橢圓形的效果，可以將圓角半徑設置為50%。如下：

.example{
border-radius: 50%;
}

上述代碼將.example元素的四個角落的圓角半徑都設置為元素的寬度和高度的50%。這將使元素成為一個圓形或橢圓形，具體取決于元素的寬高比例。