Изображение как ссылка 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, чтобы курсор при наведении на изображение менялся на указатель.