CSS галерея

Очень простая и привлекательная галерея. Используются тонкая граница border:1px solid #000000 для блока и светлая широкая граница для фотографии border:10px solid #ffffff. Свойство float:left позволяет разместить максимально возможное количество фотографий в зависимости от ширины области отображения.

CSS:

div.box {border:1px solid #000000;font-size:14px;text-align:center;float:left;margin:10px} div.box:hover {border:1px solid #ff0000;} div.box img {border:10px solid #ffffff;}

HTML:

Загрузка:

example.html  example.css  img.jpg

Пример:

Совместимость:

Firefox	1.*	2.*
Internet Explorer	5.*	6.*	7.*
Opera	8.*	9.*