CSS中可以通过设置按钮窗口来美化网页，进而提高用户的体验。那么，如何设置呢？下面有几个步骤：

.button {display: inline-block;padding: 10px 20px;background-color: #007bff;color:#ffffff;border-radius: 4px;text-align: center;text-decoration: none;cursor: pointer;transition: all 0.2s ease-in-out;}.button:hover {background-color: #0056b3;}

首先，我们需要定义一个按钮类，这里我们使用.button类。我们还需要设置该按钮是行内块显示，以便后面设置padding值时可以正常显示。接下来，我们要设置这个按钮的颜色，包括背景颜色和文本颜色。这里我使用的是蓝色背景和白色文本，当然，你可以根据自己的喜好进行设置。

然后，我们来到设置圆角边框属性。这里我使用的是border-radius: 4px;，这样按钮的四个边角就变成了圆角，看起来更和谐。接着，我们要把文本居中对齐，可以使用text-align: center;来实现。同时，也可以使用text-decoration: none;来去掉链接的下划线。

接着，我们设置按钮的鼠标指针样式，这里我使用的是cursor: pointer;，让鼠标变成手形指针，表示该区域是可以点击的。最后，为了让按钮有更好的交互效果，我使用了一个渐变效果，通过设置transition: all 0.2s ease-in-out;告诉浏览器这是一个动画效果。

最后，我们在:hover事件中再次设置背景颜色，使得鼠标悬停在按钮上时有更好的视觉反馈。