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

Question

[Alice777]

Есть блок, например, шириной и высотой в 200 пикселей. Нужно сверстать бордер для этого блока, но так, чтобы видны были только уголки этого бордера (часть прямой линии сверху, снизу, слева справа не видимы)

Answer 1

[automatik]

При помощи изображения: jsfiddle.net/yXNVe/152
Либо используя два div: jsfiddle.net/y3EfP/848

Answer 2

[Lorem Ipsum]

Через :before, :after

Answer 3

[Evgeny Kulakov]

Скругленные углы при помощи before/after: codepen.io/kerf/pen/yMLPMg