在CSS中，我們可以使用border-radius來設(shè)置一個(gè)盒子的圓角。但是如果我們想要?jiǎng)?chuàng)建一個(gè)橢圓形的視圖怎么辦？

在CSS3中，我們可以使用border-radius屬性的四個(gè)值來設(shè)置水平和垂直的半徑，從而創(chuàng)建一個(gè)橢圓形的視圖。例如：

.elipse-view{
width: 200px;
height: 100px;
border-radius: 100px / 50px;
}

這個(gè)例子中，我們設(shè)置了一個(gè)寬為200px、高為100px的盒子，并且通過border-radius屬性的值來創(chuàng)建一個(gè)水平半徑為100px、垂直半徑為50px的橢圓形。

值得注意的是，border-radius需要使用瀏覽器兼容的前綴來兼容老版本的瀏覽器。例如：

.elipse-view{
width: 200px;
height: 100px;
-webkit-border-radius: 100px / 50px; /* Safari/Chrome */
-moz-border-radius: 100px / 50px; /* Firefox */
border-radius: 100px / 50px; /* 標(biāo)準(zhǔn) */
}

如果我們想要?jiǎng)?chuàng)建一個(gè)完整的橢圓形視圖，我們可以設(shè)置border-radius的兩個(gè)半徑值相等，例如：

.elipse-view{
width: 200px;
height: 200px;
border-radius: 100px;
}

這個(gè)例子中，我們設(shè)置了一個(gè)寬為200px、高為200px的盒子，并且通過border-radius屬性的值來創(chuàng)建一個(gè)半徑為100px的橢圓形。因?yàn)閮蓚€(gè)半徑值相等，所以這個(gè)盒子呈現(xiàn)出一個(gè)完整的橢圓形。