Question

嗨，我不知道这是一个你可以回答的问题，但是喜欢设置这样的提交按钮here 我对css了解不多，所以感谢您的帮助

Answer 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;
}

Answer 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;
    }

Answer 3

请尝试此

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

<button type="submit" class="sbmtbutton">Take a look</button>

如何设置这样的按钮样式

3 个答案: