Привет! Если у вас есть тег `<figure>` с изображением внутри, и вы хотите добавить к этому блоку `border-radius`, чтобы закругленные границы применялись ко всему блоку, включая фон, вы можете сделать это с помощью CSS.
Например, вы можете использовать следующий CSS-код:
```css
figure {
width: 100%; /* Задаем ширину блока */
background-color: blue; /* Устанавливаем фон */
border-radius: 15px; /* Задаем радиус закругления */
overflow: hidden; /* Применяем overflow: hidden, чтобы скрыть края изображения */
}
figure img {
width: 100%; /* Чтобы изображение занимало всю ширину figure */
display: block; /* Убираем отступы под изображение */
}
```
В этом коде:
- Мы устанавливаем `border-radius` для блока `<figure>`, чтобы закругленные углы применялись к всему блоку.
- Используем `overflow: hidden`, чтобы скрыть часть изображения, которая выходит за границы закругленного блока.
- Установили ширину изображения в 100%, чтобы оно полностью заполняло блок `<figure>`.
Таким образом, радиус будет действовать ко всем углам блока, а не только сверху.