使用 CSS 制作按钮样式可以通过以下步骤实现：
首先，使用 HTML 创建一个按钮元素，比如 <button> 标签。
然后，在 CSS 中为按钮元素添加样式。可以使用伪类 :hover 来定义鼠标悬停在按钮上时的样式，使用伪类 :active 来定义按钮被点击时的样式，使用属性选择器来定义特定属性的样式，例如 color、background-color、border 等。
对于按钮的形状，可以使用 border-radius 属性来设置圆角，使用 box-shadow 属性来添加阴影效果。
还可以使用 CSS 动画来为按钮添加过渡效果，比如 transition 属性。
以下是一个简单的按钮样式示例：
button {
color: #fff; /* 按钮文本颜色 */
background-color: #007bff; /* 按钮背景颜色 */
border: none; /* 去除按钮边框 */
border-radius: 5px; /* 按钮圆角 */
padding: 10px 20px; /* 按钮内边距 */
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); /* 按钮阴影 */
transition: all 0.3s ease-in-out; /* 过渡效果 */
}
button:hover {
background-color: #0069d9; /* 鼠标悬停时的背景颜色 */
}
button:active {
background-color: #005cbf; /* 按钮被点击时的背景颜色 */
}在这个例子中，button 元素被设置为白色文本、蓝色背景、无边框、圆角、内边距、阴影和过渡效果。当鼠标悬停在按钮上时，背景颜色变为深蓝色；当按钮被点击时，背景颜色变为更深的蓝色。