CSS 高频按钮样式
warning:
这篇文章距离上次修改已过193天，其中的内容可能已经有所变动。
以下是一个简单的CSS样式，用于创建一个具有基本交互反馈的按钮：
.button {
display: inline-block;
padding: 10px 20px;
margin: 5px;
font-size: 16px;
text-align: center;
cursor: pointer;
outline: none;
color: #fff;
background-color: #4CAF50;
border: none;
border-radius: 5px;
box-shadow: 0 9px #999;
}
.button:hover { background-color: #3e8e41 }
.button:active {
background-color: #3e8e41;
box-shadow: 0 5px #666;
transform: translateY(4px);
}这段代码定义了一个.button类，它可以被应用到HTML中的任何按钮元素上。当鼠标悬停在按钮上时，会改变背景颜色；当按钮被激活（即按下去）时，会有一个阴影下沉并且按钮向下移动。这个样式非常基础，但是提供了一个交互的开始，可以根据需要进行扩展和定制。
评论已关闭