Пустой экран при попытке нарисовать треугольник с HTML и CSS - PullRequest
Новая
       11

Пустой экран при попытке нарисовать треугольник с HTML и CSS

0 голосов
/ 30 апреля 2019

Я пытаюсь нарисовать треугольник с помощью 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;
  }

Код должен нарисовать красный треугольник, направленный вверх, но он отображает пустую белую страницу. Пожалуйста, помогите.

Ответы [ 3 ]

1 голос
/ 30 апреля 2019

Возможно ли, что ваши CSS-ссылки связаны с ошибкой tiangle.css, но ваше действительное имя файла написано правильно (triangle.css)?

0 голосов
/ 30 апреля 2019

В вашем href есть опечатка.Надо сказать треугольник вместо tiangle.

0 голосов
/ 30 апреля 2019 

#triangle-up {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;
  }
<div id='triangle-up'></div>

Ваш код действителен.Вы уверены, что на самом деле смотрите правильный файл?Проверьте ваши журналы консоли.Они говорят какие-нибудь 404 ошибки (например, вы неправильно связываете свою таблицу стилей)?

...