Как сделать такую рамку вокруг элемента?

Question

[Человек]

Здравствуйте, как сделать такое на наведение и просто для элементов (заголовков) на странице с помощью css?

Answer 1

[iBird Rose]

https://jsfiddle.net/hav3ko16/

Comments

[Человек]

спасибо!

Answer 2

[Сергей Горячев]

https://jsfiddle.net/0o0y36f6/1/

Answer 3

[Максим Тимофеев]

Вариантов масса, самый простой - кинуть картинку на background.
Чуть сложнее:
это с помощью :before добавить элемент с абсолютным позиционированием, сделать ему border-bottom и развернуть на 45 градусов.

Comments

[Человек]

спасибо!