<div>
<span></span>
<span></span>
</div>
Из этого нужно сделать стрелку:
Можно из 3 span-ов
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуДостаточно одного:
span {
display: inline-block;
position: relative;
height: 2px;
width: 40px;
background-color: gray;
}
span:after {
content: "";
display: inline-block;
position: absolute;
width: 0;
height: 0;
border-color: transparent transparent transparent gray;
border-width: 6px 0 6px 10px;
border-style: solid;
left: 100%;
top: -5px;
}
<span>
font-size: 30px;
а все остальные размеры прописать в единицах em
, легче будет при необходимости менять размеры стрелок, сменой одного числа font-size)
30 июн 2021 в 13:31