css如何设置按钮样式

CSS（层叠样式表）可以用来设置按钮的样式，包括颜色、大小、形状、阴影、边框等。以下是一些基本的CSS样式设置，用于创建一个美观的按钮：

```css

/ 定义一个类名为 'btn' 的按钮样式 /

.btn {

/ 设置按钮的宽度 /

width: 100px;

/ 设置按钮的高度 /

height: 30px;

/ 设置按钮的背景颜色 /

background-color: 4CAF50; / 绿色 /

/ 设置按钮的文本颜色 /

color: white;

/ 设置按钮的字体样式 /

font-family: Arial, sans-serif;

/ 设置按钮的字体大小 /

font-size: 16px;

/ 设置按钮的边框样式 /

border: none;

/ 设置按钮的圆角 /

border-radius: 5px;

/ 设置按钮的文本居中 /

text-align: center;

/ 设置按钮的垂直和水平外边距 /

margin: 4px 2px;

/ 设置按钮的过渡效果 /

transition: background-color 0.3s;