我想知道Facebook和TeamTreehouse等网站如何自定义导航按钮的形状。像这样:
(来自teamtreehouse.com)https://gyazo.com/47e09a6d70019b5b8d93549af20f1a9c,以及这个(来自facebook.com)https://gyazo.com/32de164e941c4f80355bd3d0b6045abe。
有人可以告诉我您如何制作这些自定义形状的按钮吗?:) 谢谢!
注意:很抱歉使用链接而不是图片,信誉不高...
您不必为此使用按钮。它可以是一个简单的A标签,并使用CSS给出with,大小和背景。您也可以使用此技术来指定: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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句