css按钮样式代码
发布时间：2024-12-07 09:50:23来源：
以下是一个简单的 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
```
这只是一个基本的按钮样式示例，你可以根据需要自定义样式，例如更改背景颜色、文字颜色、边框样式等等。
免责声明：本答案或内容为用户上传，不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 如遇侵权请及时联系本站删除。
