0

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

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

.info-block:before{content: url(/lk/img/info-l.png);}
.info-block:after{content: url(/lk/img/info-r.png);}

2 ответа 2

2

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

http://jsfiddle.net/g8fm6n9h/

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

3
  • Насколько я знаю, с помощью border-image нельзя сделать с каждой стороны свою картинку.
    – Mr_Epic
    4 окт 2014 в 6:32
  • 2
    jsfiddle.net/g8fm6n9h может, так?
    – soledar10
    4 окт 2014 в 7:10
  • Спасибо, большое, отредактируйте ответ пожалуйста на этот ,я отмечаю его как правильный.
    – Mr_Epic
    4 окт 2014 в 8:11
0

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

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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.