Тени в CSS создаются при помощи двух свойств: box-shadow и text-shadow. Свойство box-shadow создает тени для блочных элементов, а свойство text-shadow – для текстов. Синтаксис обоих свойств очень похож, поэтому сначала я разберу свойство box-shadow, которое немного сложнее, а затем изучим text-shadow. Свойство box-shadow Полный синтаксис записи свойства box-shadow следующий: box-shadow: inset 1px 2px 3px 4px black; Т.е. в свойстве box-shadow всего 6 параметров, два из которых являются обязательными: это смещение тени по осям x и y. box-shadow: 1px 2px; Первое цифровое значение задает смещение тени по горизонтали, второе - по вертикали...

В этой статье мы научимся создавать тени вокруг блоков. Свойство с помощью которого это можно сделать выглядит вот так: Значением этого свойства являются пять важных параметров: горизонтальное смещение, вертикальное смещение, размытие, распространение тени и цвет тени. Для элемента p это будет выглядеть вот так: Переходим к практике. Начать можно с создания нужного количества абзацев на веб-странице (в нашем случае их будет пять). Далее открываем файл в формате css и прописываем правило для каждого абзаца (не считая самого первого, т...