问题描述:
像pic.tuihu下面图片列表的边框效果.这个站的好像是DIV做的,请问用CSS怎么做.
解析:
<table
class="page_speeder_1677417789"
cellspacing=0 cellpadding=0 width=472 border=0>
<tbody>
<tr>
<td height=266
bgcolor=#ffffff
class="page_speeder_730337656"><a
href="tuihu/15584"
target=_blank><img height=88
src=精选美图_推虎tuihu_.files/2006101699160.gif
width=124
border=0></a></td>
</tr>
</tbody>
</table>
思路是1、做上中下三个层；在htm文件里写2、在css文件里写：#1 { background:url(img/1.jpg) no-repeatwidth:500pxheight:2px} “这里是指宽500像素、高2px的图片1.jpg做层背景，显示成上边框，你也可以做高一点”#2 { background:url(img/2.jpg) repeat-ywidth:500px} "这里是指宽500像素、不定高的层，背景图片2.jpg沿y轴方向平铺"#3 同理#13、还要注意ie6、ie7、ie8、火狐浏览器等等的兼容性问题。不如直接用HTML5+CSS3
1.确认HTML脚本文件第一行有
<!DOCTYPE html>标记，这是浏览器识别HTML5版本的必要条件
2.如果该网页用于老式浏览器(低于IE9或Firefox4或Chrome25)，需添加shiv脚本，在head部分添加
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="]-->
3.创建你的元素(此处使用article标记)，标记他的style样式（如例是一个带有圆角和阴影的亮蓝色元素）
HTML 5脚本
<article><h1>An Article</h1>
</article>
CSS 3脚本
article {background: lightblue padding: 5px border-radius: 10px margin-bottom: 10px box-shadow: 4px 4px 10px rgba(0,0,0,0.5)
}
