如何在html/css中自定义形状的按钮？

-1

我想知道Facebook和TeamTreehouse等网站如何使自己的导航按钮自定义形状。像这样：如何在html/css中自定义形状的按钮？

（从teamtreehouse.com） https://gyazo.com/47e09a6d70019b5b8d93549af20f1a9c，而这，（从facebook.com） https://gyazo.com/32de164e941c4f80355bd3d0b6045abe。

有人可以向我解释你是如何制作这些自定义形状的按钮？ :) 谢谢！

注：对不起，使用链接，而不是图像，没有足够的声誉...

来源

2015-09-27 D. Stenson

[图标：没有设计技能的开发人员如何使他/她的应用程序图标看起来很漂亮？]（http://stackoverflow.com/questions/6729/icons-how-does-a-developer-与-没有设计技能，让 - 他 - 她 - 应用程序图标） – vaultah

您不必为此使用按钮。它可以是一个简单的A标签，并使用CSS给与，大小和背景。你也可以使用这种技术给出：悬停状态。

<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>

来源

2015-09-27 15:44:34 sebastianbarria

一个简单快速的技巧是使用自举。然后自定义。如果您想从头开始创建自己的按钮样式，请使用CSS属性，如-moz-

来源

2015-09-27 14:20:38

如何在html/css中自定义形状的按钮？

回答

相关问题