Для закругления фото в HTML можно использовать CSS свойство border-radius.
Border-radius позволяет задавать радиус закругления для углов элемента, включая изображения.
Свойство border-radius может быть применено как к отдельным углам по отдельности (переднему/заднему верхнему левому/правому углу), так и к всем углам сразу.
Для примера, если вам нужно закруглить все углы фотографии, вы можете использовать следующий CSS код:
img {
border-radius: 50%;
}
В данном случае, значение 50% указывает на то, что фотография будет обрезана, чтобы получить круглую форму.
Вы также можете использовать конкретные значения размеров (например, пиксели) для задания конкретного радиуса закругления.
Если вам нужно задать разное радиус закругления для отдельных углов, вы можете использовать следующий синтаксис:
img {
border-radius: 10px 20px 30px 40px;
}
В этом примере, первое значение (10px) относится к верхнему левому углу, второе значение (20px) - к верхнему правому углу, третье значение (30px) - к нижнему правому углу, и четвертое значение (40px) - к нижнему левому углу.
Кроме того, вы также можете использовать ключевые слова, такие как "initial", "inherit" или "unset" для установки значений по умолчанию, наследования или сброса значений свойства border-radius.
Вот несколько примеров:
img {
border-radius: initial; /* установка значения по умолчанию */
}
img {
border-radius: inherit; /* наследование значения */
}
img {
border-radius: unset; /* сброс значения */
}
В целом, свойство border-radius предоставляет разнообразные возможности для закругления углов фотографий и других элементов в HTML.