Как в CSS объединить две кнопки в одну?

Как можно из двух кнопочек сделать одну с закругленными краями по углам?
  • Вопрос задан
  • 3791 просмотр
Пригласить эксперта
Ответы на вопрос 3
ivaaaan
@ivaaaan
PHP developer
Визуально - можно. А зачем?
Так что ли хотите? jsfiddle.net/qdw9kbdq
Ответ написан
@chupok
<div><button>Вкл</button><button>Выкл</button></div>

* {
    margin: 0;
}
div {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: auto;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
div button {
    background: red;
    border: 0;
    cursor: pointer;
    display: block;
    float: left;
    outline: 0;
    padding: 3px 15px;
    position: relative;
    width: auto;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
div button:first-child {
    background: green;
}


jsfiddle.net/qdw9kbdq/18
Ответ написан
@Antaeus Автор вопроса
Сделал две кнопки рядом но не знаю как сделать что-бы они прилегали друг к другу
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы