如何設(shè)置CSS兩邊的弧形

在CSS中，我們可以使用border-radius屬性來設(shè)置元素的圓角，如果你想要設(shè)置兩邊的弧形，那么你需要分別設(shè)置每個(gè)角的radius，以下是一個(gè)示例：

HTML代碼：

<div class="arc-div">我是一個(gè)div元素</div>

CSS代碼：

.arc-div {
  width: 200px;
  height: 200px;
  border: 2px solid #000;
  border-radius: 50px 0 0 50px; /* 設(shè)置左上角和右下角的radius為50px */
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)div元素，并使用border-radius屬性來設(shè)置其圓角，我們?cè)O(shè)置了左上角和右下角的radius為50px，從而實(shí)現(xiàn)了兩邊的弧形效果，你可以根據(jù)自己的需求調(diào)整radius的大小和位置。