Контакты

Наибольший вклад в теги

Все теги (7)

Лучшие ответы пользователя

Все ответы (4)
  • Как сверстать такую кнопку?

    @Fl_SparkyBooMan
    <div class="btn>
    <div class="btnContainer">
    <div class="btnText"> Send Message </div> //текст кнопки
    <div class="btnIco"> -> </div> //иконка кнопки, можно в виде знака, можно и в виде картинки
    </div>
    </div>

    .btn {
    width: 150px;  //задаешь свое значение длины
    height: 50px;  //задаешь свое значение
    padding: 10px;  //задаешь внутренний отступ для блока с классом btn
    border-radius: 50%;   //задаешь окружность бордера
    background-color: #fff;  //задаешь значение цвета фона кнопки
    }
    .btnContainer {
    width: 100%;  //длина блока с классом btnContainer полностью заполняет блок btn
    height: 100%;   //высота блока с классом btnContainer полностью заполняет блок btn
    margin: 0 auto;  //выравниваем блок btnContainer по середине
    text-align: center;  //выравниваем текст внутри блока btn container
    }
    .btnText {
    width: 80%;
    height: 100%;
    float: left;  //стыковываем к левому краю
    //далее оформляешь как хочешь
    }
    
    .btnIco {
    width: 20%;
    height: 100%;
    float: right;  //стыковываем к правому краю
    //далее оформляешь как хочешь
    }
    Ответ написан
    Комментировать

Лучшие вопросы пользователя

Все вопросы (8)