css中图形边框的简单布局？如何停止未对齐的边框图形？

CSS不是我的强项之一！我试图找到一个教程或东西，将给我一个预先制作的div和css安排，如果我有一个重复的顶部，左侧，底部，右侧和角落的图形。我觉得我离得够近了，但后来有些东西坏得很厉害。我不想使用新的css3实现

编辑：很抱歉不清楚。我只想用一个图像作为边框。我有一个左上角、右上角、左下角、右下角的图形，以及重复的左、右、上、下图形。我认为HTML表已经过时了，所以我远离它们，但仍然存在正确对齐边框的问题。我要么在两者之间有一些小间隙，要么我不能强制边框仅每X像素重复一次，这样角点图形就与上/下和左/右图形对齐

编辑：我已经非常接近了，但是仍然存在一些丑陋的问题，重复的图形没有在正确的位置开始或结束，并且在png透明度后面的内部背景是纯色。我会把我的东西贴出来

<div id="box">

        <div id="tl"><div id="tr"><div id="top"></div></div></div>
        <div id="left"><div id="right"><div id="content">
            test text
        </div>
        </div></div>
        <div id="bl"><div id="br"><div id="bottom"></div></div></div>
</div>

---

好的。。。知道了。嗯，你们的集装箱有固定宽度吗？如果是

• 为延伸到整个容器的顶部创建一个图像。将该图像作为普通图像放入HTML中的容器中，作为第一个元素

• 为整个容器的底部创建另一个图像。将此图像作为HTML中容器中的普通图像，作为最后一个元素

• 创建一个水平背景图像（1像素高），该图像横跨整个容器，并使用CSS repeat-y。这为您提供了任意高度容器的侧面

。。。你最终会得到这样的结果：

<div with background image>
   <top image>
       <your content>
   <bottom image>
</div>

Hi here，如果你解释了你想要达到的效果，可能会对这里的人们有用，因为看起来你现在做的任何事情都是不必要的复杂。你可以尝试在doctype.com上提问，这是针对这样的网页设计问题的。对于非固定宽度，没有好的解决方案吗？我担心如果有太多的空白，设计会在一些显示器上看起来很糟糕。嗯。。。如果您想要四个角图像（即灵活的宽度），您可以按照我上面解释的操作，但将顶部图像和底部图像视为迷你容器，然后分别定义右侧图像和左侧图像（浮动到每一侧），并使用带有repeat-x的垂直背景图像来提供灵活的宽度。。。。。。。我知道，一个无聊的盒子很麻烦。也许其他人知道使用纯HTML/CSS的更好的解决方案。

<div with background image>
   <top image>
       <your content>
   <bottom image>
</div>