Рамка вокруг изображения

[yuliya_gurber]

С помощью 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:

Подготовила Юлия Гурбер