在網頁設計中，圓形圖形是經常用到的設計元素之一。而CSS可以很方便地將矩形圖像轉換為圓形圖像，并添加陰影來增強設計效果。

/* 將矩形轉換為圓形 */
.round {
width: 100px;
height: 100px;
border-radius: 50%;
}
/* 添加陰影 */
.round-shadow {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

我們可以使用CSS的border-radius屬性將一個矩形變成一個圓形。這個屬性控制元素的邊緣形狀，其值為百分比（相對于元素寬度和高度的一半），像素或保留字（如"50%"）。

例如，上面的代碼將一個100px * 100px的元素變成一個圓形，因為其border-radius設置為50%。

但是，如果您想要在圓形周圍添加陰影，可以使用CSS的box-shadow屬性。它允許我們為元素添加一個投影效果，使圓形看起來更立體、更有質感。

在上面的代碼中，我們使用box-shadow將圓形元素的邊框添加了顏色和陰影，使其看起來更加立體。

總而言之，CSS提供了很多有用的技巧，可以使您的設計成果更加炫酷。通過使用border-radius和box-shadow屬性，您可以輕松地將一個簡單的矩形變成一個圓形并添加陰影。