Как применить стили к кнопке?

Question

[Elbakidze]

Как на одну кнопку применить эти стили?

background:    #ff0000;
border-radius: 11px;
width:         100px;
height:        35px;
color:         #ffffff;
display:       inline-block;
font:          normal bold 16px/35px "Open Sans", sans-serif;
text-align:    center;

Answer 1

[Erl]

Если именно к 1 кнопке то
<button class="uniq-btn">Click here</buttomn

.uniq-btn {
    background: #ff0000;
    border-radius: 11px;
    width: 100px;
    height: 35px;
    color: #ffffff;
    display: inline-block;
    font: normal bold 16px/35px "Open Sans", sans-serif;
    text-align: center;
}

Answer 2

[Александр]

button {
    background: #ff0000;
    border-radius: 11px;
    width: 100px;
    height: 35px;
    color: #ffffff;
    display: inline-block;
    font: normal bold 16px/35px "Open Sans", sans-serif;
    text-align: center;
}

Comments

[Elbakidze]

Получается вот так?
Click Here

[Elbakidze]

<button>Click Here</button>

<style>button {
    background: #ff0000;
    border-radius: 11px;
    width: 100px;
    height: 35px;
    color: #ffffff;
    display: inline-block;
    font: normal bold 16px/35px "Open Sans", sans-serif;
    text-align: center;
}</style>

[WapSter]

Elbakidze, не совсем, если на сайте будет несколько button то применится ко всем. Для одной нужен уникальный селектор.

[Elbakidze]

WapSter, А как это сделать

[Александр]

Elbakidze, Ну например так:
<button class="awesome-button">Click Here</button>

.awesome-button {
    /* Your styles here */
}

[WapSter]

Elbakidze, а как ты сюда вообще попал?