使用CSS實現(xiàn)上邊框弧線非常簡單，只需要設置元素的border-top-left-radius和border-top-right-radius屬性即可。這兩個屬性分別表示元素左上角和右上角的彎曲度，可以設置不同的數(shù)值來實現(xiàn)不同彎曲效果。 例如，以下代碼可以實現(xiàn)一個上邊框左右兩端都有弧線的效果：

p {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top: 1px solid black;
padding: 10px;
}

在上面的代碼中，我們定義了一個p標簽的樣式。其中，border-top-left-radius和border-top-right-radius分別設置為20px，表示左上角和右上角都有20px的彎曲度；border-top則表示上邊框的樣式，這里設置為1px的黑色實線；padding表示元素內(nèi)部的間距，這里設置為10px。 當我們運行以上代碼時，會在p標簽的上方生成一個弧形邊框，左右兩端都有20px的彎曲度。如下圖所示：  通過調(diào)整border-top-left-radius和border-top-right-radius的數(shù)值，我們可以實現(xiàn)更多不同彎曲效果。例如，如果我們將border-top-left-radius和border-top-right-radius都設置為50%，則會生成一個完全圓弧的邊框，如下圖所示：  總之，CSS的border-top-left-radius和border-top-right-radius屬性為我們實現(xiàn)上邊框弧線提供了非常便捷的方式，可以讓我們的頁面更加美觀、生動。