我的css按钮代码需要帮助

Question

我想知道，我的css代码可以写什么来获取这个按钮...

我已尝试过一些边界（和半径）stuuf，但我没有得到我想要的东西！

http://i.stack.imgur.com/3yPuL.png

Answer 1

认为这就是你想要的。你的HTML：

<input type="button" class="b" value="button">

你的css：

.b{
    border:solid;
    border-width:2px;
    border-radius:5px;
    background-color:white;
    font-size:20px;
    color:grey;
    padding:6px;
}

.b:hover{
    border-color:#aaaaaa;
    color:#aaaaaa;
}
.b:active{
    border-color:#555555;
    color:#555555;
}

喜欢它吗？ ; - ）

JSFIDDLE

Answer 2

这是一个几乎完全相同的副本。您可以为自己的按钮学习此代码：http://jsfiddle.net/M3uE9/1/。

HTML：

<button>Portfolio</button>

CSS：

button {
    border: 2px solid rgba(100, 100, 100, 1);
    border-radius: 5px;
    padding: 10px;
    background-color: #fff;
    color: rgba(50, 50, 50, 1);
    text-transform: uppercase;
    letter-spacing: 1px;
    font: 14px/1 Sans-Serif;
}