css按钮样式代码

导读 以下是一个简单的 CSS 按钮样式代码示例:```css.button { display: inline-block; padding: 10px 20px; background-color:...

以下是一个简单的 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

```

这只是一个基本的按钮样式示例,你可以根据需要自定义样式,例如更改背景颜色、文字颜色、边框样式等等。

版权声明:本文由用户上传,如有侵权请联系删除!