Добавим границу и отступы. Законченный вариант стиля должен иметь следующий
вид:
img.figure {
fl oat: ri ght :
margin-left: lOpx:
margin-bottom: lOpx;
border: lpx solid #666;
padding: lOpx;
Если вы сохраните и просмотрите веб-страницу в браузере прямо сейчас, то не
Будет видно никаких изменений, поскольку стилевой класс не возымеет эффекта,
Пока его не применить к тегу.
6. Сохраните и закройте файл styl es. css и откройте image. html. Найдите тег <img>
и применитек нему стилевой класс cl ass="figure" так, чтобы тег имел следующий
вид:
<img src=" .. 1
images/grass.jpg" alt="Apartment Grass" width="200" height="200"
class="figure" />
Теперь изображение приобретет все форматирующие параметры, определенные
Для стилевого класса. figure.
П роемотрите веб-страницу в браузере. Она должна выглядеть так, как страница,
представленная на рис. 8.1 О, справа. •
Конечную версию веб-страницы, получившейся в данном обучающем уроке, вы
сможете найти в папке 08_finished\image_ex, файл image. html.
Изображение может заменить тысячу слов, но иногда все-такИ требуется небольшой
Комментарий, поясняющий рисунок. В следующей части настоящей обучающей
Программы мы добавим под фотографией текстовую подпись.
Обучающий урок 1: совершенствуем изображения 221
