Изображение как ссылка CSS

Для того, чтобы сделать изображение ссылкой с помощью CSS, нужно использовать свойство background-image и задать значение свойства cursor как pointer, чтобы курсор при наведении на изображение менялся на указатель.

Пример кода:

HTML:

<a href="#" class="image-link"></a>

CSS:

.image-link {
  display: inline-block;
  width: 200px;
  height: 200px;
  background-image: url('path/to/image.jpg');
  background-size: cover;
  cursor: pointer;
}

В дан примере мы создали ссылку с классом image-link и задали ей размеры и фоновое изображение с помощью свойства background-image. Также мы задали значение свойства cursor как pointer, чтобы курсор при наведении на изображение менялся на указатель.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Изображение как ссылка CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали