Необходимо в рамку поместить изображение-можно любое.
.frame {
position: relative;
width: 500px;
margin: 10px;
}
.frame > img {
width: 500px;
}
.frame::before {
display: block;
position: absolute;
content: '';
top: -5%;
left: -5%;
right: -5%;
bottom: -5%;
background-image: url(https://i.stack.imgur.com/uxcd6.png);
background-size: 100% 100%;
}
<div class="frame">
<img src="https://i.stack.imgur.com/Ylivx.jpg">
</div>
Как то так
.frame
{
background:url(https://i.stack.imgur.com/uxcd6.png);
width:1200px;
height:950px;
}
.inner-img
{
position:relative;
margin-left:70px;
margin-top:70px;
width:1080px;
height:800px;
}
<div class="frame"><div class="inner"><img class="inner-img" src="http://i.imgur.com/zv06qUU.jpg"></div></div>
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Виртуальный выделенный сервер (VDS) становится отличным выбором
В проекте использую display: flex;Во всех браузерах все ОК, кроме IE 11
Работаю над следующей задачей: Есть свойство, на которое мы реализовали dataBinding