просмотр Категории

Кейсы

Как ограничить ширину картинки?

К селектору img можно добавить свойство width со значением 100% и картинки будут занимать всю доступную им ширину. img { width: 100%; /* Ширина */ } Это значит, что при изменении…

Как добавить тень к тексту?

Тень к тексту добавляется с помощью стилевого свойства text-shadow. С помощью его параметров можно установить положение тени, степень её размытия и цвет тени (рис. 1). Рис.…

Как добавить тень к изображению?

Вид тени под изображением зависит от наличия в нём прозрачных участков — если они есть, то тень станет выделять контуры картинки (рис. 1). Для изображения без прозрачности…

Как добавить тень к блоку?

К любому блочному элементу можно добавить тень с помощью стилевого свойства box-shadow. Его параметры отвечают за положение тени, степень размытия и цвет тени (рис. 1). Рис.…

Как сделать круглую кнопку?

Круглая кнопка обычно используется в тех случаях, когда вместо текста на кнопке выводится иконка или одиночный символ. Вот некоторые ситуации, где использование круглых кнопок…

Как изменить цвет кнопки?

Для изменения цвета фона и текста кнопки используем, соответственно, свойства background и color, добавляя их к селектору button, как показано в примере 1. Пример 1. Цветные…

Как сделать скруглённую рамку таблицы?

Из-за большого многообразия вариантов оформления таблиц не существует какого-то одного решения, как у таблицы скруглить рамку. Поэтому рассмотрим несколько типовых таблиц. Рамка…