Книга: HTML, XHTML и CSS на 100%
Рамка вокруг изображения
Рамка вокруг изображения
Кроме регулировки расстояния до текста, есть еще один способ отделить картинку от остального содержимого страницы.
Отделить изображение от текста можно, поступив с ним, как с обычной картиной: поставив в рамку. Это делается с помощью атрибута border, значение которого указывает ширину рамки в пикселах.
В листинге 4.6 задана рамка шириной 10 пикселов, а слева и справа указаны разумные расстояния по 50 пикселов. На рис. 4.6 видно, что с такими параметрами изображение выглядит намного лучше, чем в предыдущем примере, и текст гораздо проще воспринимать.
Рис. 4.6. Рамка
Листинг 4.6. Задание рамки вокруг изображения
<html>
<head>
<title>Встраивание изображения</title>
</head>
<body>
<img src="image.jpg" width="100" align="right" vspace="10" hspace="10" border="20"/>Кролики – потрясающие животные, особенно декоративные. Многие люди заводят их дома вместо кошек или собак, потому что они менее прихотливы. Кролики – чистоплотные животные, и их хозяева не испытывают проблем с воспитанием. Кормить этих зверюшек просто: овощи, сено и немного специального корма. Следите, чтобы клетка была чистой и в ней всегда лежали свежие опилки. Если вы рискуете выпускать зверя на прогулки по дому, то следите за проводами. Кролик может решить, что провода – это сено, и перегрызть их.
</body>
</html>
Оглавление книги
- Изображения-гиперссылки
- Ссылки изображения
- Как уменьшить размер изображения, чтобы оно быстрее загружалось через Интернет?
- При просмотре новых фильмов звук есть, а изображения нет. Что делать?
- Глава 2 Первый уровень трехуровневой концепции мерчандайзинга. Внешний вид магазина и территория вокруг него
- Мотивация персонала в рамках подхода «управление по целям»
- Зачем оглядываться вокруг?
- Урок 2.7. Работа с изображениями в Windows
- Действия с изображениями
- Практическая работа 15. Работа с изображениями в Проводнике
- Нет изображения при воспроизведении видео или появляется сообщение об ошибке загрузки кодека
- Захват изображения