Отправить заявку

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://artkiev.com/blog/wp-content/themes/simplepress-2/images/body.jpg) 30 30 round;
}

HTML код

<div class="border">Вот этот блок текста будет обведен ракой из картинки</div>
Другие публикации