Facebook的菜單按鈕CSS

-3

enter image description here Facebook的菜單按鈕CSS

我已經嘗試了菜單按鈕，這個CSS代碼，但它不是看起來像一個，我想，任何一個可以幫助我在這。

button.menu 
{ 
    background: #e3e3e3; 
    border: 1px solid #bbb; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px; 
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6; 
    -moz-box-shadow: inset 0 0 1px 1px #f6f6f6; 
    box-shadow: inset 0 0 1px 1px #f6f6f6; 
    color: #333; 
    padding: 5px 0px 8px; 
    text-align: center; 
    text-shadow: 0 1px 0 #fff; 
    width: 45px; 
    float:left; 
    margin-left:15px; 
    font-family:Segoe UI Semibold, Calibri; 
    margin-top:-1.5px;

}

button.menu:active 
{ 
    background: #d0d0d0; 
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3; 
    -moz-box-shadow: inset 0 0 1px 1px #e3e3e3; 
    box-shadow: inset 0 0 1px 1px #e3e3e3; 
    color: black; 
}

來源

2012-08-06 Jelo Melo

賀雅。如果你更具體，包括你在問題中嘗試過的一些代碼，並告訴我們它的具體問題是什麼，它會有所幫助。請注意，您可以隨時編輯您的問題。 – Jeroen 2012-08-06 14:19:10

你可以給你的按鈕，像這樣CCS內側陰影：

.shadow {-moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow:   inset 0 0 10px #000000;}

文本可能有其不被IE

支持文字陰影

.text-shadow {text-shadow: #c0c0c0 3px 3px 5px;}

實現ro無邊緣你必須使用

#example1 {-moz-border-radius: 15px;border-radius: 15px;}

希望它可以幫助你建立你的菜單！

來源

2012-08-06 14:15:54

Facebook的菜單按鈕CSS

回答

相關問題