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

回答

相关问题