Menu
Coddy logo textTech

Размеры

Урок 3 из 8 курса CSS-проект: Стильная кнопка на Coddy.

Давайте начнем с изменения размеров кнопки.

Если вы измените width или height кнопки, это может привести к тому, что текст окажется не по центру; лучше изменять padding.

challenge icon

Задание

Легко

Задания:

  1. Установите размер шрифта текста кнопки на любой, какой вам нравится, но отличный от размера по умолчанию (14px)
  2. Установите вертикальный внутренний отступ (padding) на 8px, а горизонтальный — на 16px
  3. Установите внешний отступ (margin) на ваше усмотрение

Используйте styles.css, чтобы выбрать и стилизовать вашу кнопку

Попробуйте сами

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
    </body>
</html>

Все уроки раздела CSS-проект: Стильная кнопка