CSS:将图像作为边框/框架包裹在 DIV 周围?

标签 css image html border frame

我有一个名为“content”的 DIV,其中我有一个图像作为边框/框架,我想绕过它。我都有一个大的整个框架(左、右、上、下),它与它应该的宽度相匹配,而且我把它切碎了,所以我有四个单边框图像(left.png、right.png 等)。 ).

但是我真的很难尝试将它们附加到我的 div 以使其看起来正确。如果可能的话,我想要的是将边框(单帧图像或四个切碎的边框图像)附加到 div 的一侧。 div 的宽度为 800px,我想将其保留为 800px,然后在 Div 外部附加边框。

这可能吗?如果可以,它是怎么做到的? 非常感谢

真诚
- 梅斯蒂卡

最佳答案

是这样的:http://jsfiddle.net/easwee/Pa6kR/24/

无论您放置什么宽度,这都会起作用。您必须使用 8 张图像才能使其正常工作(在 Sprite 中组合)。将 Angular 的宽度和高度以及背景设置为您需要的任何值。

关于CSS:将图像作为边框/框架包裹在 DIV 周围?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5660746/

相关文章:

java - Picasso 示例错误/无法编译

html - 垂直居中对齐文本并将 div 并排放置

html - 底部填充的 Firefox 问题

javascript - 如何覆盖悬停按钮的 css 光标属性?

html - 适用于所有主要浏览器的视频编解码器

php - 限制从 SQL 表检索的图像的大小

HTML/CSS 如何将图像图标添加到输入类型 ="button"?

javascript - 返回页面后缺少滑出div

html - 为什么在 ie7 中,大图像猫不覆盖所有其他图像?

c# - 查找图像类型(gif、bmp、jpg 等)的预览处理程序 GUID