Я пытаюсь нарисовать треугольник с помощью HTML и CSS. Но я не могу сделать это успешно.
Я посмотрел наиболее распространенное решение для рисования треугольника в CSS.
Это HTML код:
<html>
<head>
<link rel="stylesheet" href="tiangle.css" type="text/css">
</head>
<body>
<div id = 'triangle-up'></div>
</body>
</html>
Это код CSS:
#triangle-up {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}
Код должен нарисовать красный треугольник, направленный вверх, но он отображает пустую белую страницу.
Пожалуйста, помогите.