A- A A+
Кнопки CSS

На блоге выложены несколько уроков по созданию красивых кнопок. При этом, они созданы только с использованием CSS. Так как, стали возникать вопросы по настройке их размера, решено обобщить ответ в этом материале.

Ширина кнопки

Находим в коде кнопки селектор width и устанавливаем нужное значение.

Кнопка CSS

Наиболее популярные единицы измерения:

  • px - пикселя
  • % - проценты
  • pt - пункты
  • em - множитель размера шрифта

Если селектора width в коде нет, впишите его сами.

Высота кнопки

Высота кнопки будет зависеть от размера и длины надписи на кнопке.

Также можно воспользоваться селектором высоты - height.

На этом короткий экскурс в волшебный мир CSS закончен.

 

Добавить комментарий

Защитный код Обновить

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

МОЙ TELEGRAM-КАНАЛ

ПОДПИСАТЬСЯ!


Перенос на хостинг

Перенос на хостинг

Бесплатный видео-курс по переносу готового сайта на одну из лучших хостинг-площадок РУнета.

Смотреть (бесплатно)

Бессмертный сайт

Бессмертный сайт

2 урока, 16 минут, и Ваш сайт - БЕССМЕРТНЫЙ!

Узнать подробности!