Как наклонить блок с background-ом?

Question

[Horpion]

Здравствуйте!
Как можно реализовать такой вот блок с наклоном ?

Comments

[novrm]

Если без border-radius, то при помощи border-свойств комбинируя три div-блока:
div-блок сверху
div-блок посредине
div-блок снизу
Верхний и нижний div-блоки без контента но с бордерами:

https://jsfiddle.net/c3hutLuo/

Answer 1

[Serj-One]

transform skew или rotate с обратной трансформацией для содержимого.

Answer 2

[novrm]

border-radius

Comments

[Serj-One]

wat?

[novrm]

Если без border-radius, то при помощи border-свойств комбинируя три div-блока:
div-блок сверху
div-блок посредине
div-блок снизу
Верхний и нижний div-блоки без контента но с бордерами:

https://jsfiddle.net/c3hutLuo/

Answer 3

[DEFUNK]

position:absolute с заготовленным (повёрнутым) фоном, само собой настроить z-index. можно засунуть фейковый блок, чтобы сделать отступы в контенте.

ps: хотя, даже может relative пойти сюда, зависимо от ситуации.