在CSS中，可以使用border-radius屬性來(lái)制作圓角外翻的效果。border-radius屬性可以設(shè)置一個(gè)元素的圓角半徑，包括水平和垂直兩個(gè)方向。

要制作一個(gè)圓角外翻的效果，可以將元素的border-radius屬性設(shè)置為一個(gè)正數(shù)，這將使元素的四個(gè)角都呈現(xiàn)圓角效果，可以通過(guò)設(shè)置元素的transform屬性來(lái)實(shí)現(xiàn)外翻效果，可以將元素的transform屬性設(shè)置為rotateX(180deg)，這將使元素在X軸上旋轉(zhuǎn)180度，從而實(shí)現(xiàn)外翻效果。

以下是一個(gè)示例代碼，展示如何實(shí)現(xiàn)圓角外翻效果：

.rounded-corners {
  border-radius: 10px; /* 設(shè)置圓角半徑 */
  transform: rotateX(180deg); /* 實(shí)現(xiàn)外翻效果 */
}

在HTML中使用這個(gè)類：

<div class="rounded-corners">我是一個(gè)圓角外翻的div元素</div>

這段代碼將創(chuàng)建一個(gè)具有圓角外翻效果的div元素，你可以根據(jù)需要調(diào)整border-radius屬性的值來(lái)改變圓角的大小，以及調(diào)整transform屬性的值來(lái)改變外翻的角度。