Рамка в виде изображения

Рейтинг: 0Ответов: 2Опубликовано: 04.10.2014

Здравствуйте.
Подскажите, как можно сделать рамку блока в виде изображения, но чтобы с каждой стороны блока было своё изображение.
У меня получилось сделать слева и справа, а вот сверху и снизу не знаю, как сделать.

Вот так я сделал слева и справа:

.info-block:before{content: url(/lk/img/info-l.png);}
.info-block:after{content: url(/lk/img/info-r.png);}
css html
Источник: Stack Overflow на русском

Ответы

▲ 2Принят

http://htmlbook.ru/css/border-image

http://jsfiddle.net/g8fm6n9h/

http://jsfiddle.net/k3x42r9r/ - последний вариант - с изображениями

▲ 0

Если тебе нужны два фоновых изображения, используй background:

background-image:url('img/1.jpg'), url('img/2.jpg');
background-position:top left, top right;
background-repeat:no-repeat;