html - 如何在此现有代码中将顶部边框图像添加到我的 mainContent div？

Question

我尝试创建 3 个 div 以将顶部和底部边框图像添加到我的 mainContent div，但我无法使其对齐。有没有一种简单的方法可以修改此代码以在主要白色部分的顶部和底部添加此蓝色边框？

http://www.charissasantos.la/mezcaleria.html

所需边框效果图片在这里: http://www.charissasantos.la/img/shot.png

Answer 1

................ live demo

你好，现在你已经习惯了你的 mainContent

边框的 css

   #mainContent.grid_14 {
border-top:solid 10px;
border-bottom:solid 10px;
border-width:10px;
border-image:url("http://www.norabrowndesign.com/css-experiments/images/border3.png") 25% repeat ;
-webkit-border-image:url("http://www.norabrowndesign.com/css-experiments/images/border3.png") 25% repeat ;
-moz-border-image:url("http://www.norabrowndesign.com/css-experiments/images/border3.png") 25% repeat ;
    }

Live demo

关于图像边框的更多信息 link