Мобильный LiveInternet Простые рамочки для текста с пояснениями

Авторизация

Дневник Люба47 Лента друзей - Дневник - Полная версия

Простые рамочки для текста с пояснениями 14-02-2026 18:34 к комментариям - к полной версии - понравилось!

Это цитата сообщения tomishka Оригинальное сообщение

Простые рамочки для текста с пояснениями

Здесь будет ваш текст

Рамочка к моим пояснениям

Здесь будет ваш текст

В нашем случае PADDING создает пустое пространство вокруг текста: 10 px по каждой из четырех сторон.
BACKGROUND-COLOR определяет цвет фона, на котором будет располагаться наш текст (#a9d845).
Свойство WIDTH устанавливает ширину элемента, в нашем случае ширину текста (700px).
FONT-SIZE задает размер шрифта, у нас этот размер указан в пикселях: 28px.
FONT-FAMILY устанавливает стиль шрифта, мы взяли Monotype Corsiva.
COLOR позволяет задавать цвет текста, который должен легко читаться (#4d6912).
BORDER-RADIUS задает радиус закругления каждого из углов рамки, если значение одно, то закругление одинаковое по всем углам (4px).
BORDER задает толщину, тип и цвет границы для всех сторон одновременно (4px-толщина, dotted-тип, #fafec8-цвет). В качестве типа можно указать: dotted, dashed, solid, double, groove, ridge, inset, outset. Наиболее часто используются три первых типа.
BOX-SHADOW создает две тени (эффект обводки и объемность тени). Первая часть 0 0 0 5px #4d6912 создает сплошную обводку шириной 5px без размытия. Вторая же часть 3px 3px 6px 8px rgba(10,10,0,0.5) это размытая темно-оливковая тень, смещенная на 3px вниз и вправо, с большим радиусом распространения, создающая глубокий эффект объема.
У нас в TEXT-SHADOW 4 значения. Первое задает смещение по горизонтали, второе - смещение по вертикали, третье - размытие тени, последнее - цвет тени. При отрицательных значениях тень уходит влево по горизонтали и вверх по вертикали. Нулевое значение третьего параметра указывает на отсутствие размытия. Тень будет четкой. Она у нас белого цвета, смещена влево и вверх на 1px.

вверх^ к полной версии понравилось! в evernote

Вы сейчас не можете прокомментировать это сообщение.

Дневник Простые рамочки для текста с пояснениями | Люба47 - Дневник Люба47 | Лента друзей Люба47 / Полная версия Добавить в друзья Страницы: раньше»