CSS: Вставляємо зображення в Border

Як часто Вам хотілося зробити границю якогось елементу картинкою?

За допомогою CSS3 це вже реальність.

Все, що необхідно – це вказати border-image для контейнера.

CSS код

div.border{
text-align:center;
padding:20px;
width:340px;
margin: 0 auto;
border:30px solid transparent;
border-image:url(http://site.com/blog/wp-content/themes/simplepress-2/images/body.jpg) 30 30 round;
}

HTML код

<div class="border">Цей елемент тексту буде обведений рамкою з картинки</div>