ИП Иванов Д. А.

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

теги:

Категории

Рубрики
от 9500 
от 24000 
Заказать дизайн интерфейса сайта. Стоимость указана за 1 адаптивную страницу сайта.
от 5500 

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

Поделиться:

Комментарии

Оставьте комментарий

Задать вопрос

Мы ответим в ближайшее время!

Отправляя заявку вы даете согласие на обработку персональных данных.

Вступайте в наш телеграм чат. Задавайте вопросы, помогайте другим.