css - 使用整个图片作为 div 标签的边框

Question

我有一个带有左右箭头的图片幻灯片，用于导航。这个幻灯片存在于一个 div 标签中。现在我必须把这个图片幻灯片放在一个框架中。框架是智能手机的图片，如下所示: Frame image我希望图片幻灯片显示在手机内的空白处。我尝试使用边框图像的 css 样式，但所有 4 个面都有不同的图片。帮助我，因为我是新手。信息:幻灯片图片尺寸:400宽250高。请给我提供代码片段。

Answer 1

将“屏幕” div 放在另一个带有手机背景图片的 div 中？

<div style="background-image:phone.jpg; margin: 30px 20px 30px 20px;">
    <div id="screen">
    </div>
</div>