067 607 57 84
МЕНЮ

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>