Как вставить картинку как ссылку CSS

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

Пример кода:

HTML:

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

CSS:

.link {
  display: inline-block;
  width: 200px;
  height: 200px;
  background-image: url('image.png');
  background-size: cover;
  cursor: pointer;
  text-decoration: none;
}

В этом примере мы создали ссылку с классом «link» и задали ей размеры 200×200 пикселей. Затем мы использовали свойство background-image для заданияображения, которое будет использоваться в качестве фона ссылки. Свойство background-size устанавливает размеры изображения, чтобы оно полностью запняло фон ссылки. Для создания ссылки мы использовали свойства cursor: pointer и text-decoration: none.

реклама

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

реклама

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

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

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

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

Закажите услугу Как вставить картинку как ссылку CSS

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