要把盒子變成橢圓形,需要使用CSS的border-radius屬性。border-radius屬性可以控制邊框的圓角弧度,包括四個(gè)方向:上左、上右、下左、下右。
.box { width: 200px; height: 100px; border-radius: 100px / 50px; }
上面的代碼中,border-radius屬性的值分別是100px和50px,表示上下方向的圓角弧度為100px,左右方向的圓角弧度為50px,箱子就會(huì)變成一個(gè)橢圓形。
要把盒子變成橢圓形,需要使用CSS的border-radius屬性。border-radius屬性可以控制邊框的圓角弧度,包括四個(gè)方向:上左、上右、下左、下右。
.box { width: 200px; height: 100px; border-radius: 100px / 50px; }
上面的代碼中,border-radius屬性的值分別是100px和50px,表示上下方向的圓角弧度為100px,左右方向的圓角弧度為50px,箱子就會(huì)變成一個(gè)橢圓形。