Задать вопрос

Как сверстать такую кнопку?

Нужно сверстать такую кнопку :
5e2208efdc480080149894.png
На CSS получается что то подобное, но не то:
.but {
    color: #FFFFFF;
    padding: 0px 16px;
    font-size: 13px;
    line-height: 26px;
    border-color: #7ad6ff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}

Сама кнопка есть на сайте stroy-dok.com. Но не получается скопировать нормально CSS.
Помогите пожалуйста.
  • Вопрос задан
  • 235 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
E1ON
@E1ON
Vocaloid lover
Банальная копипаста стилей...
https://codepen.io/E1ON/pen/vYEVxwV
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы