CSS:将图像环绕在DIV上作为边框/框架?

问题描述

| 我有一个名为“ content”的DIV,其中有一个图像作为边框/框架,我想绕开它。我都有一个大的整个框架(左,右,顶部,底部),它与应该的宽度相匹配,并且我将其切碎,所以我有四个单边框图像(left.png,right.png等)。 )。 但是我很难将它们附加到我的div上,因此看起来不错。我想(如果可能的话)是将边框(单帧图像或四个切碎的边框图像)附加到div的侧面。 div的宽度为800px,我想将其保留为800px,然后在Div外部附加边框。 那有可能吗,如果可以,那怎么做? 非常感谢你 真诚 -梅斯蒂卡     

解决方法

像这样的东西:http://jsfiddle.net/easwee/Pa6kR/24/ 无论您放置什么宽度,都可以使用。您必须使用8张图像才能使其工作(在Sprite中组合)。将角的宽度,高度和背景设置为所需的任何值。     ,您可以看到我尝试过的内容: CSS:
#content{ 
width:800px;
padding:20px 20px 20px 20px;
margin-bottom: 0px;
margin-top: 30px;
margin-left:160px;
margin-right:auto;
overflow:hidden;
background: #e0e0e0 url(\"../images/frame.png\") no-repeat;
HTML:
<div id=\"content\"> ALL MY CONTENT INSIDE THIS DIV </div>
    

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...