/* 将矩形转换为圆形 */
.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属性，您可以轻松地将一个简单的矩形变成一个圆形并添加阴影。