橢圓形方框在網(wǎng)頁設(shè)計中非常常見，可以用于裝飾、排版等各種用途。下面我們介紹一下如何通過css來實現(xiàn)橢圓形方框。

.oval-box {
width: 200px; /*盒子寬度*/
height: 100px; /*盒子高度*/
border-radius: 50%/20%; /*將盒子變?yōu)闄E圓形，半徑分別為長軸和短軸的50%和20%*/
border: 2px solid #ccc; /*添加邊框*/
}

上面的代碼中，.oval-box是盒子的類名，可以根據(jù)需要自己定義。通過width和height屬性設(shè)置盒子的寬度和高度。border-radius屬性將盒子的邊框進(jìn)行圓角處理，其中50%和20%表示半徑，也就是長軸和短軸的長度比例。

另外，還可以通過border屬性來設(shè)置盒子的邊框樣式，例如上面的例子中，我們添加了2px寬的灰色實線邊框。

使用以上代碼可以快速實現(xiàn)一個橢圓形方框，同時，我們還可以通過其他css屬性對盒子進(jìn)行進(jìn)一步的裝飾（如背景顏色、陰影等），讓網(wǎng)頁更加美觀。