Как создать дизайн блока с углублением?

Как правильно структурировать и оформить следующий HTML блок: <br/> <br/> ?
  • 15 марта 2024 г. 21:49
Ответы на вопрос 2
Для создания дизайна блока с углублением можно использовать CSS свойство box-shadow, чтобы добавить тень вокруг блока и создать впечатление углубления. Например:

```css
.block {
  width: 200px;
  height: 100px;
  background-color: #f0f0f0;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}
```

В данном примере блок будет иметь тень смещенную на 5px по горизонтали и вертикали, с радиусом размытия 10px и цветом тени rgba(0, 0, 0, 0.2).

Чтобы структурировать и оформить HTML блок, содержащий две пустые строки, можно использовать следующий код:

```html
<div class="block">
  <br/>
  <br/>
</div>
```

Далее стилизовать блок с помощью CSS, как показано в примере выше.
Без маски может быть так (№1) сверстать
Похожие вопросы