如何为这样的按钮设置样式[关闭]

【问题标题】：how to style a button like this [closed]如何为这样的按钮设置样式[关闭]
【发布时间】：2017-05-13 05:37:23
【问题描述】：

您好，我不知道您是否可以回答这个问题，但我喜欢设置这样的提交按钮样式here 我对 css 不太了解，因此不胜感激您的帮助

【问题讨论】：

您需要先查看有关 css 的教程，然后尝试尝试构建一些东西，然后寻求帮助。

【解决方案1】：

试试这个：

.button {
    background-color: #FFF;
    border: solid orange 1px;
    color: orange;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

【讨论】：

【解决方案2】：

你可以试试这个代码..

HTML

<button class="look_btn">Take a look</button>

CSS

    .look_btn {
        background-color: #fff;
        border: 2px solid #fc8620;
        color: #fc8620;
        cursor: pointer;
        padding: 8px 23px;
        text-transform: uppercase;
        outline: none;
    }

【讨论】：

【解决方案3】：

请试试这个

.sbmtbutton{padding:8px 30px; border:1px solid #FF8830; color:#FF8830; background-color:#F2F2EF;text-transform:uppercase;}

&lt;button type="submit" class="sbmtbutton"&gt;Take a look&lt;/button&gt;

【讨论】：