Как сделать сердечко в css

Сделать символ сердечка в CSS можно несколькими способами. Вот несколько из них:

1. С помощью псевдоэлемента ::before:

.heart {
  position: relative;
  width: 1em;
  height: 1em;
}

.heart::before,
.heart::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.heart::before {
  top: 0;
  left: 0.27em;
  width: 0.4em;
  height: 0.4em;
  background-color: red;
}

.heart::after {
  top: 0.27em;
  left: 0;
  width: 0.4em;
  height: 0.4em;
  background-color: red;
}

Этот код создает элемент с классом «heart» и использует псевдоэлементы ::before и ::after для создания двух округлых кругов, которые располагаются друг над другом, образуя символ сердечка.

2. С помощью Unicode символа:

.heart {
  font-size: 3em;
  color: red;
}

Этот код создает элемент с классом «heart» и устанавливает его размер и цвет. Далее вы можете использовать специальный Unicode символ сердечка «♥» внутри элемента, чтобы создать символ сердечка.

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