• Как продвинуть сайт на первые места?
    Вы создали или только планируете создать свой сайт, но не знаете, как продвигать? Продвижение сайта – это не просто процесс, а целый комплекс мероприятий, направленных на увеличение его посещаемости и повышение его позиций в поисковых системах.
    Ускорение продвижения
    Если вам трудно попасть на первые места в поиске самостоятельно, попробуйте технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Если ни один запрос у вас не продвинется в Топ10 за месяц, то в SeoHammer за бустер вернут деньги.
    Начать продвижение сайта
  • Сервис онлайн-записи на собственном Telegram-боте
    Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
    Для новых пользователей первый месяц бесплатно.
    Чат-бот для мастеров и специалистов, который упрощает ведение записей:
    — Сам записывает клиентов и напоминает им о визите;
    — Персонализирует скидки, чаевые, кэшбэк и предоплаты;
    — Увеличивает доходимость и помогает больше зарабатывать;
    Начать пользоваться сервисом
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

CSS Урок 25 Галерея Изображений

« Назад Далее »

CSS можно использовать для создания галереи изображений.

Klematis
Добавьте здесь описание картинки
Klematis
Добавьте здесь описание картинки
Klematis
Добавьте здесь описание картинки
Klematis
Добавьте здесь описание картинки

Галерея Изображений

Следующая галерея изображений создана с помощью CSS:

Пример

<html>
<head>
<style type="text/css">
div.img
{
margin: 2px;
border: 1px solid #0000ff;
height: auto;
width: auto;
float: left;
text-align: center;
}
div.img img
{
display: inline;
margin: 3px;
border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
text-align: center;
font-weight: normal;
width: 120px;
margin: 2px;
}
</style>
</head>
<body>

<div class="img">
<a target="_blank" href="css/klematis_big.htm"><img src="images/klematis_small.jpg" alt="Klematis" width="110" height="90" /></a>

</div>
<div class="img">
<a target="_blank" href="css/klematis2_big.htm"><img src="images/klematis2_small.jpg" alt="Klematis" width="110" height="90" /></a>

</div>
<div class="img">
<a target="_blank" href="css/klematis3_big.htm"><img src="images/klematis3_small.jpg" alt="Klematis" width="110" height="90" /></a>

</div>
<div class="img">
<a target="_blank" href="css/klematis4_big.htm"><img src="images/klematis4_small.jpg" alt="Klematis" width="110" height="90" /></a>

</div>

</body>
</html>

Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает



« Назад Далее »



© 2011 - 2022 Уроки CSS