以下是一个简单的 CSS 按钮样式代码示例:
```css
.button {
display: inline-block;
padding: 10px 20px;
background-color: #4CAF50; /* 绿色背景 */
color: white; /* 白色文字 */
text-align: center;
text-decoration: none; /* 去掉文字下划线 */
border-radius: 5px; /* 边框圆角 */
transition: all 0.2s ease-in-out; /* 平滑过渡效果 */
}
.button:hover {
background-color: #45a049; /* 鼠标悬停时的背景颜色变化 */
}
```
你可以在 HTML 中创建一个按钮并使用这个样式类,例如:
```html
```
这只是一个基本的按钮样式示例,你可以根据需要自定义样式,例如更改背景颜色、文字颜色、边框样式等等。