Как при помощи ccs задать такой бордер?

Question

[Анатолий]

Всем доброго, нужна помощь, подскажите пожалуйста как при помощи border задать такой уголок? Или ссылки может на примеры

Answer 1

[Евгений Вольф]

Можно попробовать так.

Comments

[Анатолий]

Спасибо, буду пробовать

[Капитан Какао]

варик хороший, но в firefox он не работает.

[Евгений Вольф]

Rad Cor: посмотрел в FireFox, у меня версия 53, вроде бы всё работает...

Answer 2

[Капитан Какао]

Я бы на SVG сделал
https://jsfiddle.net/RadCor/qrr84Lah/2/

Comments

[Анатолий]

Спасибо

[Максим]

Анатолий: Svg не надо там, хватит чистого CSS

[Капитан Какао]

Максим Ленский: кроссбраузерный пример можно?

[Максим]

Rad Cor: разумеется : https://codepen.io/Geyan/pen/MmXVpr?editors=0110

[Капитан Какао]

Максим Ленский: умно) спасибо)

[Максим]

Rad Cor: пожалуйста .. на отдельный ответ подойдёт ?

[Капитан Какао]

Максим Ленский: это не мой вопрос был)

[Анатолий]

Rad Cor: Привет, с помощью какого редактора ты создал svg, мне нужно сделать такую горизонтальную ячейку

[Капитан Какао]

Анатолий: Adobe Illustrator CC 2017
Качаешь, держи ссылку дестрибутива, я для себя сохранил, но мне не жалко поделиться)
https://drive.google.com/open?id=0B8iu7gVE9mydSm5i...

Потом когда установил, заходишь в программу, жмёшь Файл -> Новый вводишь размер области которая тебе нужна к примеру 800 на 600 px и жмёшь кнопку создать.
Дальше рисуешь фигуру нужной формы, потом когда нарисовал, в верхнем меню Объект -> Монтажные области -> Подогнать по границам иллюстрации.

И финальный штрих, сохранение.

Жмёшь Файл -> Сохранит как в выпадающем окне ОБЯЗАТЕЛЬНО выбераешь формат SVG(*.SVG)
Жмёшь сохранить, и перед тобой откроется окно с настройками, оставляй всё как есть, только качество поставь на 3 и выбери встроить



Потом можно нажать сохранить и достать код из сохранённого SVG файла, а можно сразу в этом же окне нажать на кнопку "Код SVG" и у тебя сразу появиться окошко с кодом, копиоуешь его и работаешь уже с SVG кодом дальше.

Скрин в фолном размере

[Анатолий]

Rad Cor: спасибо огромное, выручил )))

[Капитан Какао]

Анатолий: на здоровье)