На странице слишком много места (см . рис. 8.1 О, слева). С помощью кода CSS
(см. рис. 8.1 О, справа) вы легко можете заключить изображение в симпатичную
Рамку и визуально выделить ero из основного текстового содержимого.
Откройте файл sty 1 es . css из папки image_ex в текстовом редакторе.
Этот файл представляет собой внешнюю таблицу стилей, которая используется
В image. html. Вы начнете с добавления класса стиля к этой таблице, а затем
примените класс к тегу <i i!YJ> в файле HTML.
3. Перейдите к концу файла и наберите следующее:
I mg .figure
Глава 8. Добавление графики на неб-страницы
Селектор img. fi gure воздействует на любой тег <img>, к которому применен класс
Figure. Вы будете использовать его для выборочного форматирования некоторых
Изображений (вы могли бы назвать стиль просто . figure, но в таком случае
Он применялея бы к любому тегу с этим классом, а не только к изображениям).
4. Добавим в только что созданный стиль свойства fl oat и margi n:
float: right;
margin-left: lOpx;
margin-bottom: lOpx;
Свойство fl oat смещает изображение к правой стороне веб-страницы, приподнимая
Текст вверх и создавая обтекание фотографии с левой стороны. Левое
И нижнее поля обеспечивают небольшие свободные промежутки, отделяющие
Фото от текста. Теперь добавим границу-рамкуинебольшие отступы, чтобы
