Розділ 2 · Завдання 9

Кнопки

Тег button і те саме стилізування, яке ти вже знаєш.

Завдання

Додайте в style.css:

style.css

.btn {
  background-color: #0066cc;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
}

І в styles-demo.html

Додайте:

styles-demo.html

<button class="btn">Натисни мене</button>

Як це читати

border: none; — прибирає стандартну сіру рамку кнопки браузера.

padding: 12px 24px; — два числа через пробіл: «зверху-знизу 12px, зліва-справа 24px».

Зверни увагу

Кнопка поки що нічого не робить при натисканні — про це поговоримо в Розділі 3 (JavaScript). Зараз вчимось лише оформляти.

Курс створено за підтримки бухгалтерського бюро Galakton, Білосток, Польща