Как лучше сделать такой уголок с бордером?

Question

[danilr]

Как сделать треугольничек вверху, чтобы бордер был будто у всего блока?

Answer 1

[Роман]

Создать псевдо-элемент. Задать ему те же рамку и фон. Повернуть на 45 градусов. Убрать лишние рамки с двух сторон. Спозиционировать, как надо.
Профит!

Answer 2

[Максим]

apps.eky.hk/css-triangle-generator => https://codepen.io/topicstarter/pen/wLEjKg

Comments

[danilr]

Так себе решение конечно, в генераторе - мне придется подбирать все стороны в пикселях и т.п.
htmlbook.ru/blog/treugolniki-cherez-css так намного лучше
но за идею - два треугольника - один притворяется бордером, спасибо!)

[Максим]

danilr, на htmlbook тоже самое ... только я показал генератор ...на css не сложнее чем в генераторе

[Максим]

danilr, https://codepen.io/topicstarter/pen/KjxRRe для примера