Необходимо в рамку поместить изображение-можно любое.
.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>
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Перевод документов на английский язык: Важность и ключевые аспекты
В проекте использую display: flex;Во всех браузерах все ОК, кроме IE 11
Работаю над следующей задачей: Есть свойство, на которое мы реализовали dataBinding