Простейшая рамка для фото при помощи CSS

Краткость — сестра таланта, это слышали все. Но использование примитивных элементов для оформления вебстраниц явно не в моде. Флэш, видео и вообще медиа контент заполняет вебсайты под завязку... А вот как меняет внешний вид фотографии простая рамка, созданная при помощи каскадных стилей.

Исходное фото

<img height="204" width="250" alt="Весна опять пришла"
src="vladbukhanets200701lz8.jpg" />

Добавляем класс .frame

<img height="204" width="250" alt="Весна опять пришла"
src="vladbukhanets200701lz8.jpg" class="frame"/>

Описание класса:

.frame {

background: #fff;

border-right: #cccccc 1px solid; 

border-bottom: #bebebe 1px solid";

padding-right: 5px; 

padding-left: 5px; 

padding-bottom: 5px; 

padding-top: 5px; 

}

И вот как выглядит эта фотка после такого элементарного стилевого оформления:

Все гениальное просто :-)

 

Technorati Tags: CSS,frame,image,рамка,стили