CSS как сделать карту

Карта может быть создана с помощью HTML и CSS. Вот пример кода для создания карты:

HTML:

<div class="map">
  <div class="marker"></div>
</div>

CSS:

.map {
  width: 500px;
  height: 300px;
  background-image: url('map.jpg');
  background-size: cover;
  position: relative;
}

.marker {
  width: 20px;
  height: 20px;
  background-color: red;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

В этом примере мы создаем контейнер для карты с фоновым изображением и добавляем маркер в виде круга к центру карты. Маркер позиционируется абсолютно и центрируется с помощью свойства transform. Вы можете изменить размеры карты и маркера, а также изменить цвет маркера, чтобы соответствовать вашим потребностям.

реклама

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

реклама

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

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

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

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

Закажите услугу CSS как сделать карту

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