• Авторизация
Дневник Agnishanti Лента друзей - Дневник - Полная версия


Рамка вокруг изображения. CSS коды рамок. Уроки Юлии Гурбер 01-10-2019 17:51 к комментариям - к полной версии - понравилось!

Это цитата сообщения Юлия_Гурбер Оригинальное сообщение



С помощью CSS можно вокруг любого изображения сделать симпатичную
рамку-обводку. Поскольку у стилевого свойства border есть несколько значений,
то и рамочки могут быть разными по стилю, цвету и толщине.

Название цвета указываем по-английски. Значения меняем в строке:
style="border: 10px double Blue", где 10 — толщина, double — стиль, Blue — цвет.
Сначала покажу примеры рамок, а ниже представлю их коды.
Вариант 1 Изображение
заключено в двойную
рамку: стиль double;

Вариант 2 Левый край рамки
темнее правого:
стиль inset;

Вариант 3 Правый край рамки
темнее левого:
стиль outset;

Вариант 4 Пунктирная рамка
вокруг изображения
из точек: стиль dotted;

Вариант 5 Пунктирная рамка
вокруг изображения
из коротких отрезков:
стиль dashed;

Вариант 6 Сплошная рамка
вокруг изображения:
стиль solid;

Вариант 7 А эта рамка весьма
необычная. У неё
левая и верхняя
сторона имеют свой
тип, цвет и размер.


Вариант 1:

Вариант 2:

Вариант 3:

Вариант 4:

Вариант 5:

Вариант 6:

Вариант 7:

Подготовила Юлия Гурбер
вверх^ к полной версии понравилось! в evernote


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

Дневник Рамка вокруг изображения. CSS коды рамок. Уроки Юлии Гурбер | Agnishanti - Блог созерцателя Agnishanti | Лента друзей Agnishanti / Полная версия Добавить в друзья Страницы: раньше»