CSS是一種很有用的前端技術，可以通過對HTML元素進行樣式修飾來實現許多酷炫的效果。其中，把一個邊變成弧形就是一個很常見的效果，本文將介紹如何使用CSS實現這樣的效果。

/* 首先，我們需要定義一個帶有弧形邊的元素，可以使用border-radius屬性來設置 */
.arc {
border-top-right-radius: 50px;
border-top-left-radius: 50px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
height: 100px;
width: 200px;
background-color: #e6f4f4;
}

上述代碼中，我們定義了一個class為“arc”的元素，設置了其四個邊不同程度的border-radius，以實現一個帶有弧形邊的效果。同時，我們也設置了該元素的高度、寬度和背景色。

/* 接下來，我們需要把該元素吸附到頁面某個位置，可以使用position和top、left屬性來實現 */
.arc-wrapper {
position: relative;
top: 100px;
left: 100px;
}

上述代碼中，我們定義了一個class為“arc-wrapper”的元素，設置了其為相對定位，并且把其位置設置為距離頁面頂部100px，距離頁面左側100px的位置。這樣，我們就可以把上述帶有弧形邊的元素放置到頁面的正確位置上。

通過上述的CSS代碼，我們就可以把一個邊變成弧形。如果你希望實現更復雜的弧形效果，可以通過調整border-radius的數值進行實現，例如同時設置四個角的border-radius為50px，即可實現一個圓形邊的效果。