Как сделать такую окантовку?

Question

[Артур]

Как сделать такой бордер?
prntscr.com/78ah6o
Или вот такую? с картинкой
prntscr.com/78aiat

Answer 1

[A K]

css

• :after :before
  
• border-image css3
  
• border-radius
  
• background: linear-gradient css3
  

Как пример: jsfiddle.net/f36r2dtw

Comments

[Артур]

Спасибище!

Answer 2

[Евгений Петров]

Захотелось сделать блок на фоне, чтобы между картинкой и описание тоже был просвет.
И, если бы не было старых IE, то можно было бы применять только градиенты.
Из-за них пришлось строить чуть более сложную схему, но и в IE8, пусть и с квадратными краями, но не страшно.