нарисуйте треугольник в CSS, который имеет только границы

Question

0

Я пытаюсь нарисовать треугольник в css, который содержит только границы. нет цветов фона.

.arrow {
border-bottom: 10px solid transparent;
border-top: 10px solid transparent;
border-right: 20px solid #000;
height: 0;
width: 0px;
}

Приведенный выше код дает мне треугольник С# 000 в качестве цветов фона. Мне просто нужны границы треугольника.

Patrick 04 дек. 2013, в 06:25

0

Дубликат: stackoverflow.com/questions/16231184/create-a-triangle-with-css
deadlock 04 дек. 2013, в 04:37
0

Можете ли вы установить цвет фона на прозрачный?
Anthony 04 дек. 2013, в 04:37
0

возможный дубликат границы треугольника CSS
Anthony 04 дек. 2013, в 04:39
0

установка его на прозрачный сделает треугольник невидимым
user2847429 04 дек. 2013, в 04:41
0

Код, который вы используете сейчас, прекрасно создает треугольник ...
Nightfirecat 04 дек. 2013, в 04:44

Показать ещё 3 комментария

Теги:

1 ответ

Patrick · Answer 1 · 2013-12-04T03-30-00.000Z

.arrow:after {
 content: '\25c1';
 display: inline-block;
}

будет ли это иметь поддержку во всех браузерах?
Он не будет работать на Lynx или чем-то еще, но сгенерированный контент прекрасно работает в большинстве браузеров - caniuse.com/#feat=css-gencontent