CSS按钮怎么变成圆形？答案就在border-radius属性中。

.button {border-radius: 50%;}

使用border-radius属性可以将元素变成圆角矩形、椭圆甚至是圆形。当我们想让按钮变成圆形时，可以将border-radius值设为50%或与元素宽度相等的值。

.button {width: 50px;height: 50px;border-radius: 25px;}

以上代码中，我们给按钮设置了width和height属性，并将border-radius设为25px，这样就可以让按钮变成圆形。

除了使用border-radius属性外，我们还可以利用伪元素:before或:after来实现圆形按钮的效果。

.button {position: relative;}.button:before {content: "";display: block;width: 100%;height: 0;padding-bottom: 100%;border-radius: 50%;background-color: #ccc;position: absolute;top: 0;left: 0;}.button span {position: relative;z-index: 1;}

以上代码中，我们使用伪元素:before来创建一个圆形背景，然后利用padding-bottom将它变成圆形。最后，使用position属性将按钮和圆形背景进行定位。

总而言之，想要实现圆形按钮的效果，我们可以通过border-radius属性或伪元素来实现，具体方法取决于个人喜好和需求。