CSS 中的 arc 屬性可以用來創建圓弧形狀。通常用于繪制曲線型的圖案或者完成特定的設計需求。

// 在 CSS 中使用 arc 屬性
.arc {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #BDBDBD;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

在上述代碼中，我們用圓形的 border-radius 實現了一個基本的圓形形狀，并以 #BDBDBD 色彩作為背景色。而 clip-path 屬性是用于削減物體非區域部分的屬性。與我們使用的是 polygon() 函數，指定了四個頂點的坐標，畫出一個正方形。如此一來，此頂點內部那部分圓形就被削減掉了，實現了一個凸起的半圓弧效果。

除此之外，我們還可以通過其他方式來使用 arc 屬性，例如借助 SVG 矢量圖形實現更加復雜的形狀和曲線效果，以達到更好的視覺效果。

如上述代碼所示，我們通過 path 元素繪制出了一個 M0 50 坐標開始，開啟弧形繪制 arc ，50 50 0 0 1 100 0 圓弧是橢圓弧的 圓弧的圓弧，畫出的弧形從起點到終點都是以紅色的線條描繪出來，初始描邊寬度為 2 ，然后填充色處于關閉狀態。

總的來說，CSS 中的 arc 屬性是一個非常實用的功能，可以在各種設計需求和圖形繪制中大展身手，帶來出眾的視覺效果。