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