javascript - 以图像四周为边框的圆 Angular 框技术

Question

有谁知道使用 CSS 创建圆 Angular 框的好例子，其中:

1. 所有 4 个 Angular 和 4 个边都是图像。双方都重复了img
2. 宽度不变，高度可变
3. 在 FF 3.x、IE 7 或更高版本、Chrome 中工作

告诉我。谢谢

Answer 1

好吧，你可以用 3 个 div 来完成。

<div class="bg"><div class="top"><div class="bot">text here</div></div></div>

bg 会有类似的 css

background: url(path/to/repeated/background.gif) repeat-y;

背景横跨 div 的整个宽度，因为它是恒定的。这将平铺您的左侧和右侧。

然后对于顶部和底部，只需使用带有 no-repeat top left; 和 no-repeat bottom left 的图像。他们每个人都有 2 个 Angular 以及中间的所有图像优点。

如果您对 CSS 有足够的了解，希望您可以填写其中的详细信息。