Как сделать треугольник в css?

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

от cheyenne.boehm , в категории: HTML/CSS , 6 месяцев назад

Как сделать треугольник в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от bret_buckridge , 6 месяцев назад

Делаем треугольник в css, так:


HTML:

1
2
3
<body>
    <div class="triangle"></div>
</body>


CSS:

1
2
3
4
5
6
7
.triangle {
    width: 0px;
    height: 0px;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 200px solid black;
}