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