Урок 6: Создаем Кнопки 👆

Обычные текстовые ссылки сложно нажимать на смартфоне. Чтобы сделать красивую кнопку (Call-to-Action), мы просто берем тег ссылки <a> и добавляем к нему специальный класс.

Код нашей зеленой кнопки:

<a href="index.html" class="btn">Жми сюда</a>

/* В CSS мы добавляем большие отступы padding,
   чтобы кнопка стала объемной */
.btn {
    background-color: #27ae60;
    color: #ffffff;
    padding: 15px 30px; 
}
    

Результат: