如何在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中自定義形狀的按鈕？

回答

相關問題