Как нарисовать трапецию в CSS?

Пользователь

от kendall_mckenzie , в категории: HTML/CSS , 4 месяца назад

Как нарисовать трапецию в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от abel , 4 месяца назад

@kendall_mckenzie  Для создание трапеции в CSS используйте следующий код:


HTML:

1
2
3
<body>
    <div id="trapezoid"></div>
</body>


CSS:

1
2
3
4
5
6
#trapezoid {
    width: 300px;
    border-bottom: 300px solid red;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
}