Page Title

Задаем ей стили.

Кнопки на сайтах очень важны. Через них пользователь нажимает 'отправить, получить, заполнить' и так далее.

Кнопка на сайт добавляется с помощью тега button. Давайте я добавлю ее и посмотрим что получится. Как видим кнопка добавляется в стандартном дизайне, без нужных нам размеров и она является строчным элементом. Наша задача сделать одну из этих кнопок что представдены на картинке снизу.

Сделаем ту что идет по счету номер 3. Задача: закруглить углы, выставить размеры ширину и высоту, выставить текст по центру и по высоте, сделать текст внутри белого цвета, сделать кнопку блочным элементом и расположить нашу кнопку строго по центру сайта.
В итоге получится вот так. Это уже полностью сделанная кнопка с помощью кода. Вы можете ее понажимать, это не картинка)
Давайте добавлять код css по порядку наших задач.
Задача 1: добавить кнопку. Добавляем, пишем button - этот тег не одинарный. Так же сразу переписываем текст с картинки. Тут я еще не использовал css, только в html прописал нужный тег и добавил текст.

Задача 2: закруглить углы. Заходим в css и пишем (border-radius: 5px) После того как мы залезли в стандартные стили, они все отменились, и теперь кнопка будет выглядеть так как мы это зададим. Идем дальше.

Задача 3: выставляем ширину(130рх) и высоту (30рх). Я думаю вы это уже умеете но я напомню, в css пишем width: 130px; height: 30px;
Результат

Теперь делаем текст по центру и по высоте. text-align: center;(текст по центру) line-height: 30px; (по высоте). Так же пропишем задний фон зеленого цвета. background-color: green;, и сделаем текст внутри белого цвета color: white;
Резульат.

Осталось совсем чуть чуть. Выставить нашу кнопку по центру, и сделать ее блочным элементом. В этом нам поможет следующий код margin: 10px auto 0; (ставим кнопку по центру), display: block; (делаем ее блочным элементом)
результат Кое что забыли, сделать текст более жирным, добавляем в код следующее свойство font-width: 900;
результат. Вот теперь то что надо)