BEN
@BEN
webdev

Как сейчас верстаются подобные элементы?

Всем привет.

На время "выпал" из жизни вёрстки. Сейчас для себя верстаю проект.

Подскажите, как нынче верстают подобные блоки?

5c38828481933891659131.png

Раньше верстали как-то так:

<div>
<span></span>
<span>Текст ссылки</span>
<span></span>
</div>


Сейчас же сверстал через один див и before+after.

А как сейчас верстают блоки где например есть 4 угла?

5c38832ca77d7010941068.png

Весь вопрос в том чтоб не городить множество дивов в диве.
  • Вопрос задан
  • 113 просмотров
Пригласить эксперта
Ответы на вопрос 2
bootd
@bootd
Гугли и ты откроешь врата знаний!
мультифон
.box {
background: 
  url('boxBg.png') center, 
  url('img1.png') top left no-repeat, 
  url('img2.png') top right no-repeat, 
  url('img3.png') bottom left no-repeat, 
  url('img4.png') bottom right no-repeat
;
}


Вот, уже 4 угла и фон есть)) и никакие псевдоэлементы с дивами не нужны
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы