Возможно ли сделать диагональный бордер?

Question

[namron]

Возможно-ли сделать диагональный бордер? Есть блок, там уже есть border и border-radius, возможно ли как-то добавить туда еще диагональный бордер(другого цвета)?

Answer 1

[Daniel Newman]

Пачка способов. Поместить контейнер внутрь и, на выбор:
- повернуть его на 45
- сделать из него стрелку и дать ей тень
- задать ему фон грандиентом
- создать псевдо-элемент ::before/after

Задача, в ее поставленном виде, не имея ограничений, дает слишком большое дерево решений.

Comments

[namron]

Спасибо. Сделал первым способом. Вставил div в label, но теперь у него появился отступ.

[namron]

margin: 0;
padding: 0;
Не помогает.

[namron]

Я ему просто задал ширину больше чем блок, т.к. не доставал до углов бордер.

[namron]

Разобрался.