CSS中的按钮样式是网页设计的重要组成部分，因为它直接影响用户体验。在CSS中，可以使用多种方式对按钮进行样式设置，下面我们来介绍一些核心的样式属性。

/* 设置按钮的背景色 */
button {
background-color: #4CAF50;
color: white;
}
/* 设置按钮的边框样式 */
button {
border: 2px solid #4CAF50;
border-radius: 5px;
}
/* 设置按钮的阴影效果 */
button {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
/* 设置按钮的悬停效果 */
button:hover {
background-color: #3e8e41;
}
/* 设置按钮的被点击后的效果 */
button:active {
background-color: #3e8e41;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
/* 禁用按钮 */
button:disabled {
opacity: 0.6;
cursor: not-allowed;
}

通过上述样式属性的设置，可以优化网页中的按钮样式，提高用户体验。比如设置按钮的背景色、边框样式和阴影效果，可以使按钮在页面中更加突出醒目，增强用户注意力；设置按钮的悬停效果和点击效果，则可以使用户更加直观地感知按钮的功能和状态；同时，禁用按钮也是一种很好的用户提示方式，可以避免用户误操作。