css内凹的圆 |怎么写文字投影css

.round {
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #000;
box-shadow: inset 0 0 5px #000;
}

以上代码创建了一个宽高均为 50px 的内凹圆，你可以通过增加或减少 box-shadow 属性的值来调整内凹的深度。此外，你也可以更改圆的样式，例如，你可以增加或减少圆的边框宽度，或者使用不同的边框颜色。

使用 CSS 内凹的圆可以让你的网站看起来更加现代化，同时也更能吸引用户的注意力。不过要注意，过多地使用这种效果可能会使用户感到困惑或者分心。所以一定要谨慎使用。