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>


Поделиться с друзьями:

Другие публикации:

Написать комментарий через:

 
       
  • ВКонтакте
  •        
  • Локальный блог
  •  
 
 

Ваш отзыв

Имя *

Почта (скрыта) *

Сайт

Напишите цифрами двa вoceмь двa *

Сообщение

 
Статьи пользователей на ArtKiev Design Studio