Основы работы с XHTML и CSS


Границы изображений


Можно создавать границы вокруг изображений, задавая стиль границы. Следующий код создает границу ridge, толщиной 7 пикселей, как показано слева на рисунке 6.9.

<img src="Stonehenge.jpg" style="border:ridge 7"/>

Изображения с границами

Рис. 6.9.  Изображения с границами

Невозможно разделить границу и изображение, вводя отступ вокруг самого изображения. Однако, можно поместить изображение внутрь другого контейнера, например, тега <span>, и добавить отступы в этот контейнер. Этот прием закодирован ниже и показан справа на рисунке 6.9.

<span style="border:ridge 7; padding:10px"><img src="Stonehenge.jpg"/></span>

Листинг 6.24. Код для окружающих изображение отступов




Начало  Назад  Вперед