我想知道 Facebook 和 TeamTreehouse 等网站如何自定义导航按钮的形状。 像这样：
（来自 teamtreehouse.com） https://gyazo.com/47e09a6d70019b5b8d93549af20f1a9c, 和这个， （来自facebook.com） https://gyazo.com/32de164e941c4f80355bd3d0b6045abe.
有人可以向我解释一下您是如何制作这些自定义形状的按钮的吗？ :) 谢谢！
注意：抱歉使用链接而不是图片，没有足够的声誉......
【问题讨论】：
您不必为此使用按钮。 它可以是一个简单的 A 标签，并使用 CSS 给出 with、size 和 background。您还可以使用此技术提供 :hover 状态。
<a href="whatever.html" class="icon"></a>
<style type="text/css">
.icon{
display:block;
width:20px;
height:20px;
background-image:url(your-image.gif) bottom;
}
.icon:hover{
background-position:top;
}
</style>
【讨论】：
一个简单的快速提示是使用引导程序。然后定制。 如果您想从头开始创建自己的按钮样式，请使用 CSS 属性，例如 -moz-
【讨论】：