Question

怎么用CSS实现（如图）的方框

我知道是先切图，切完怎么弄啊，就是那个绿色的边框

Answer 1

四个圆角切图，然后给四个圆角用绝对定位 分别定在左上，左下，右上，右下

大概代码如下,图片路径，content宽高，border宽度你自己调
html////
<div class="content">

<img src="" class="left-top" />
<img src="" class="right-top" />
<img src="" class="left-bottom" />
<img src="" class="right-bottom" />
</div>

css///
.content{
position:relative;
border:2px #ccc solid;
width:600px;
height:600px;
z-index:-1;
}
.left-top{
position:absolute;
top:0px;
left:0px;
z-index:999;
}

.right-top{
position:absolute;
top:0px;
right:0px;
z-index:999;
}

.left-bottom{
position:absolute;
bottom:0px;
left:0px;
z-index:999;
}

.right-bottom{
position:absolute;
right:0px;
bottom:0px;
z-index:999;
}

Answer 2

最简单的方法就是直接拿绿色的边框做大背景。
另外的方法就是对边框的四个角和四条边切图，然后用3行3列的表格分别对应该4个角和4条边做背景。

追问

大概的CSS样式该怎么弄能说下嘛，做成背景我就不指望我了

追答

我上面不是说了吗，不管用什么方法，都是我说的这两个思路。至于Css怎么写，你自己来吧

追问

你说的那个我晓得，图都切好了，就是不会动手了

追答

用3行3列的表格分别对应该4个角和4条边做背景 。。。
不是已经告诉你了？？？？？

追问

那里面内容你还准备放在表格里呢？

追答

不行吗？

Answer 3

直接切成上中下三块，再用css拼起来，