问如何创建按钮？

EN

仅使用CSS是无法做到这一点的。

您需要使用Javascript来更新保存按钮状态(按下或释放)的布尔变量，并相应地更改元素的css类。

例如，请参阅SO上的jQuery UI demo或How do you create a toggle button?问题。

首先，创建一个元素作为您的样式化元素：

<span class="toggle">Click!</span>

现在您可以设置此元素的样式，如Arve Systad所述：

.toggle {
    padding: 5px;
    background: #DDD;
    border-top: 2px solid #CCC;
    border-left: 2px solid #CCC;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
}

.toggle.down {
    border-top: 2px solid #555;
    border-left: 2px solid #555;
    border-right: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
}

最后，使用javascript (在我的示例中是jQuery)添加切换功能：

$(".toggle").click(function(){
  $(this).toggleClass("down");
});

如果使用javascript是一个问题，你需要寻找另一个解决方案。您可以使用checkbox；此元素本身具有选中和未选中状态。但是，您可能无法在每个浏览器中以相同的方式设置复选框的样式；我甚至不知道您是否可以在IE中设置不同状态的样式。

我不认为你可以用一个html按钮。它没有'up‘和'down’状态。

我认为你需要使用一个checkbox，这样你就有了两个状态(它是一个带有checkbox类型的html输入标签)。然后，您可以使用一些JavaScript在复选框上显示两个不同的图像，这取决于它是否被选中。