在網頁設計中，有時我們會需要將一個矩形框的兩邊變成圓形，以美化頁面的效果。在CSS中，我們可以使用border-radius屬性來實現這個效果。

.box {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

在上面的代碼中，我們可以看到我們使用了四個屬性，分別是border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius。這四個屬性控制了矩形框四個角的圓角程度，數值越大，圓角越顯著。

如果我們只需要讓矩形框的兩個相鄰邊變成圓角，可以這樣寫：

.box {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

在這個例子中，我們將bottom-left和bottom-right的圓角屬性設為0即可只實現一側圓角效果。

總的來說，使用CSS的border-radius屬性可以輕松地實現矩形框兩邊圓角的效果，以實現美化網頁的效果。