HTML：在这个网页上创建边框是什么

我正在努力理解此网页：

它被分成几个部分，每个部分周围都有一个边界。例如，在标题“慢炖牛肉”的右边是一幅“测试到完美”的图片。紧靠右边是一条边界，将其与广告隔开。此边框向下延伸，将该部分与下面的“相关内容”部分分开

但边界是什么？我使用的是Chrome的Inspect元素Computed Style，但没有一个标记具有边框样式。还有什么可以创建边框

（我不是在寻找制作边框的最佳方法；我需要了解其他页面是如何制作边框的。）

编辑： 根据人们的回答，我尝试了下面的html，但它不起作用。我不明白父div中的图像是如何在每个子div中重复的，以至于它完全符合边界

<div style = "float:left;background-image:url('http://www.canadianliving.com/media/images/background_02.png?201206051535');background-clip:border-box;background-origin:padding-box;background-repeat:repeat-y;" >

  <div style = "float:left;width:300px;background-clip:border-box;background-origin:padding-box;padding-left:8px">hello</div>

  <div style = "float:left;width:300px;background-clip:border-box;background-origin:padding-box;padding-left:8px">there</div>

</div>

你好
那里

这是一个图像，而不是边框，请删除图像以去除“边框”

我通过选择container元素并查看css background属性推断出这一点， 供日后参考

这里有一个例子：

<style>

    div#test {

        height:800px;
        width:800px;
        background:url(http://www.canadianliving.com/media/images/background_02.png?201206051535) top right repeat-y #676767;
    }
</style>

<div id="test">TestDiv<div>

div#测试{
高度：800px；
宽度：800px；
背景：url(http://www.canadianliving.com/media/images/background_02.png?201206051535)右上重复-y#6767；
}
TestDiv

请记住，这是它应该是什么样子的草图。我不打算不费吹灰之力就把这件事告诉你。请尝试学习html/css教程

我敢打赌，我们都做过这样的研究，并且在尝试提交到此类论坛之前做了很多尝试

快乐编码，祝你好运

---

D.

基本上，它是一个用作阴影边框的背景url。请查看firebug/chrome inspect元素中

#content_container

的CSS

---

它不是边框，而是用作分隔符。

背景设置在广告所在的

div#right_col

上。它们有一个8px（阴影背景图像的宽度）的

左填充
和一个
背景
设置在
内容容器
上，带有
url（'/media/images/background\u 02.png'）0 630px重复-y
这是一个
内容容器上的
。它是通过一个背景图像完成的：
\content\u容器{背景：url（“http://www.canadianliving.com/media/images/background_02.png?201206051535）605px 0px repeat-y transparent；}
图像完全匹配，因此内容位于显示边框的图片内？为了实现这一点，将其平铺。CSS:background:url（[image url]）repeat-y；我不想这样做。我用我尝试过的方法编辑了这个问题。谢谢你，但我完全不明白父div中的图像是如何在每个子div中以一种完全符合边框的方式重复的。这是我在上面的问题编辑中尝试过的。我可以制作一个div并让图像显示出来，就像你做的那样。我我做了很多测试，在其他css上做得很好！这对我来说不起作用。我正在用我尝试过的方法编辑这个问题。