css中按钮四周圆滑

在网页设计中，按钮是非常重要的元素之一。为了让网页看起来美观，我们可以通过CSS来实现按钮四周的圆滑，让按钮看起来更加柔和、温暖。

button {
  border-radius: 20px;
} 

在上面的代码中，我们使用了CSS的border-radius属性来实现按钮四周的圆滑。border-radius是一个属性值，可以用来改变任何边界框的圆角。它接受一个长度或百分比，表示圆角半径的大小。在上面的代码中，我们将圆角半径设置为20像素。

除了设置border-radius属性之外，我们还可以通过添加阴影和渐变来增强按钮的视觉效果。

button {
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: linear-gradient(to bottom, #ff5f6d, #ffc371);
} 

在上个代码片段中，我们使用了box-shadow和background属性来为按钮添加阴影和渐变。box-shadow属性可以用来制作任何元素的阴影效果，其中包括按钮。box-shadow接受四个参数，分别是水平偏移量，垂直偏移量，模糊半径和阴影颜色。在上面的代码中，我们使用了一条大小为10像素的淡黑色阴影。

background属性可以用来为任何元素设置背景颜色，包括按钮。background属性接受几个参数，包括颜色值、图片、重复模式和渐变。在上面的代码中，我们使用了渐变属性（linear-gradient）来使按钮呈现出从上到下的颜色过渡。

通过以上的代码和介绍，我们可以实现一个漂亮的四周圆滑的按钮。在实际应用中，我们可以根据实际需求进行调整，创造出更加美观的按钮样式。