CSS给图片加边框

html-css048

CSS给图片加边框,第1张

分类: 电脑/网络 >>百度 >>百度空间

问题描述:

像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>

这是因为右边的图片边框压住了左边的图片边框。

边框值设置的是1px，margin-left：-1，向左移动1px就可以了。

如果盒子都没有加定位，可以鼠标悬浮时，给盒子加上相对定位relative属性。因为相对定位的盒子会压住普通盒子，位置没有设置偏移量的话就不会动。