Как сделать фото в одной строке

Чтобы убрать пустой промежуток достаточно написать теги img в примере в одну строку. Для регулирования горизонтальных и вертикальных отступов между фотографиями применяется стилевое свойство margin-right и margin-bottom. В примере 2 кроме отступов к фотографиям также добавлена рамка и цветная область вокруг изображений. Пример 2. Отступы у фотографий. HTML 5CSS 2.1IECrOpSaFx!DOCTYPE html html head meta charset"utf-8" title Фотографии /title style.thumb img border: 2px solid #55c5e9; / Рамка вокруг фотографии / padding: 15px; / Расстояние от картинки до рамки / background: #666; / Цвет фона / margin-right: 10px; / Отступ справа / margin-bottom: 10px; / Отступ снизу / /style /head body p class"thumb" img src"images/g" alt"Фотография 1" width"120" height"120" img src"images/g" alt"Фотография 2" width"120" height"120" img src"images/g" alt"Фотография 3" width"120" height"120" img src"images/g" alt"Фотография 4" width"120" height"120" /p /body /html Результат данного примера показан на рис. 2. Рис. 2. Вид фотографий, оформленных с помощью стилей.



Рекомендуем посмотреть ещё:


Закрыть ... [X]

Как вставить две картинки рядом по горизонтали html код Блог хорошего Пословицы на русском языке про одежду

Как сделать фото в одной строке Как сделать фото в одной строке Как сделать фото в одной строке Как сделать фото в одной строке Как сделать фото в одной строке Как сделать фото в одной строке Как сделать фото в одной строке Как сделать фото в одной строке

ШОКИРУЮЩИЕ НОВОСТИ