css设置button样式
时间：2026-11-13 22:18:06来源：
在网页设计中，使用CSS设置按钮样式是提升用户体验的重要环节。通过CSS，可以灵活控制按钮的颜色、大小、边框、悬停效果等属性。
以下是常见的CSS按钮样式设置总结：
| 属性 | 说明 | 示例代码 |
| background | 设置按钮背景颜色 | `background: 4CAF50;` |
| color | 设置按钮文字颜色 | `color: white;` |
| padding | 设置按钮内边距 | `padding: 10px 20px;` |
| border | 设置边框样式 | `border: none;` |
| cursor | 设置鼠标悬停样式 | `cursor: pointer;` |
| hover | 设置悬停效果 | `:hover { background: 45a049; }` |
合理运用这些属性，可以让按钮更美观、更易用。同时，建议结合flex布局或grid布局，使按钮在不同屏幕下表现一致。
