创建像图标的按钮

Question

我想在我的网页上添加一个图标，我希望我的图标看起来有一个带有图像的大按钮，我有一个largebut_hover.png，largebut.png和icon.png，图标图片被浅灰色largebut.png覆盖，当悬停largebut_hover.png似乎是特定的时，我遇到了一个网站，其中有很好的按钮，如icons like these ones here

但我不知道我怎么能这样做，例如我只能设法做到这一点

<ul class="dash">                       
            <li>
            <a href="#" title="Users" class="tip" data-placement="bottom">
            <img src="images/icons/users.png" alt="" />
            <span>Users</span>
            </a>
            </li>
            </ul>

我能如何制作它们的任何想法？我知道它与css有关但主要是我的堆栈，我很想学习如何做到这一点

Answer 1

你想创建像这样的按钮吗？

然后当你将它悬停时，会得到一个light grey colour？这些按钮是使用CSS制作的，而不像你说的那样largebut.png。

以下是示例：

如果你想做到这一点，那么你就不会那么难，我可以告诉你。简单的方法是应用像.btn-primary:hover {...}这样的CSS类，其中...是颜色的代码和你想要做的所有东西。

另外，你可以阅读他们的CSS代码，但我不确定你是否熟悉它，这样会让你更加困惑。我认为你开始的最佳方式是W3 School。

Answer 2

如果你想要那些图标，以及一些花哨的和随时可用的css布局，你可以使用Bootstrap