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

标签 css html user-interface border

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

最佳答案

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

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

关于css - 使用整个图片作为 div 标签的边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19887838/

相关文章:

html - 如何将 swf 文件与图像点击事件链接起来

javascript - 样式滚动条在 chrome 和 safari 上工作完美,但在 mozilla 上不工作

javascript - 通过 javascript 添加元素后,CSS 渐变不填充容器

html - 屏幕底部或页面底部的背景图像

css - 在 Chrome 中工作的 SVG 上的 CSS 动画的 transform-origin,而不是 FF

html - 删除 HTML 表格行和列之间的间距

javascript - 带有动态单选按钮的必需属性(ng-repeat)

java - 线程问题

JavaFX编程ActionHandler

linux - 差异感知编辑器,可以处理补丁 block 编辑(包括删除行)?