CSS方塊圓滑屬性是CSS3新增的一個(gè)特性，它可以使元素的邊角變得更加平滑。

在 CSS 中，使用 border-radius 屬性可以將方塊變?yōu)閳A角矩形。它接受一個(gè)以逗號(hào)分隔的四個(gè)值，分別表示左上角、右上角、右下角和左下角的圓角半徑。

/* 一個(gè)圓角半徑 */
border-radius: 10px;
/* 左上角和右下角使用不同的半徑 */
border-radius: 10px 20px;
/* 四個(gè)角分別使用不同的半徑 */
border-radius: 10px 20px 30px 40px;

這里需要注意的是，如果只傳遞一個(gè)值，如border-radius:10px;，那么所有四個(gè)角的半徑都是10像素。

除了使用 border-radius 屬性為元素設(shè)置圓角，還可以使用 clip-path 屬性。clip-path 屬性與 border-radius 屬性不同，它可以將元素的形狀變?yōu)槿魏文阆胍男螤睢lip-path 屬性需要傳遞一個(gè)路徑描述，這個(gè)路徑描述可以是一個(gè)SVG圖像路徑，也可以是一個(gè)基于 CSS 的簡單路徑描述。

/* 通過 SVG 路徑創(chuàng)建 Clip path */
clip-path: url(#myClipPath);
/* 通過 CSS 創(chuàng)建 clip path */
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

需要注意的是，clip-path 屬性的兼容性并不好，因此在使用時(shí)需要注意測試和兼容性。