Question

html+css+jq 怎么做出下面图片效果的边框

Answer 1

渐变、圆角和阴影可以用css3，当然某些东西也可以用图片代替。圆角用css2也是可以写出来的，不过相对麻烦。你要有源码可以自己调试就明白了。

Answer 2

类似这样的，不知CSS3 是否能实现，但按一般的 CSS，想实现这样有渐变过程的边框，就需要背景图。当然也是利用 div + css

追问

高手能模仿着写出代码吗

追答

我大概跟你说下思路吧，如果你没有这个图片的PSD文档，就将标题和下面的区域直接切成上下2部分图片，假设分别为 A 和 B
html:
//这个是为了能对整体来个打包，方便使用

产品下载//标题部分

//这部分是内容区域，用什么样的标签和样式看个人习惯

CSS:
.wrap{ width:++; height:++; background:url(B.jpg) no-repeat left bottom}
.wrap h2{ width:++; height:++; background:url(A.jpg) no-repeat left bottom}
这个方法局限在图片边框是渐变的，所以宽高度必须和图片的一致，扩展性无法体现。

还有一点，如若图片标题部分和内容顶部的边框，颜色是一致的话，你可以采取为内容图片，做个顶部背景的拉伸( 这里需要对PS有点了解 )。这样一来，.wrap 的高度就可以适当加高。很多设计时，都是采用这个方法

Answer 3

这是背景的吧，CSS虽有滤境,但也纯CSS还是做不到这样的,还是要图片辅助!

追问

是边框 div+css 做成的 有解剖过她的文件