css中按钮,css如何设置按钮形状,css按钮样式代码,css中按钮的几种状态,css按钮背景图片,css做按钮
CSS3 按钮是使用 CSS3 技术创建的按钮，它可以通过样式来改变按钮的外观和行为。CSS3 按钮通常具有平滑的动画效果、渐变色、阴影等特性。

以下是一个简单的 CSS3 按钮示例：

html
<button class="btn">点击</button>


css
.btn {
background-color: #3498db;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
}

.btn:hover {
background-color: #4CAF50;
color: white;
}


在这个例子中，我们使用了 button 标签，并将其类名设置为 .btn。接下来，在 CSS 中，我们定义了一些样式来规定该按钮的外观和行为。例如，我们设置了背景颜色、字体大小、边距等等。我们还使用了 transition-duration 属性来产生平滑的过渡效果，并设置了 hover 状态下的样式。

这个例子只是 CSS3 按钮的基础应用，实际上，我们可以使用更多的 CSS3 特性来制作出更加复杂的按钮，包括圆角、阴影、渐变色等等。