CSS可以為網頁增添各種各樣的效果，其中一種獨特的效果是左右是曲線框，下面來介紹一下具體的實現方式。

.left-curve {
width: 100px;
height: 50px;
border-radius: 0 50px 50px 0 / 50% 50% 50% 50%;
background-color: #F7CACA;
} 
.right-curve {
width: 100px;
height: 50px;
border-radius: 50px 0 0 50px / 50% 50% 50% 50%;
background-color: #F7CACA;
}

上述代碼是使用 CSS 的 border-radius 屬性去實現不同方向曲線邊框的樣式。其中，左曲線框的 border-radius 值為 0 50px 50px 0 / 50% 50% 50% 50%（意味著左上角和左下角的radius值為0，上下半徑都為50%；右邊半徑值也都為50%），右曲線框的 border-radius 值為 50px 0 0 50px / 50% 50% 50% 50%（意味著右上角和右下角的radius值為0，上下半徑別都為50%，左半徑也都為50%）。

掌握了這個技巧，想要在頁面布局中添加左右曲線框效果就非常容易了。可以創建兩個 div，再分別為它們添加上述樣式即可。

<div class="left-curve"></div>
<div class="right-curve"></div>

將上述代碼添加到網頁中后，就可以得到左右是曲線框的效果了。之前的樣式中，background-color 屬性的值可以根據需要修改為任意顏色。

CSS 的 border-radius 屬性是平時開發中非常有用的技巧，而這種左右是曲線框的樣式則是其中的一個具體應用。可以將這種效果應用到各種不同的布局和設計中，以增強頁面的美感。