★吉光片羽 是壹穜風格★

而要想给边框和图片间有一定距离，也很简单

img{
border:1px solid #999; /*边框：1像素 实线 浅灰色*/
padding:3px;           /*内间隙：3像素*/
}

这里给所有图片都补加了三个像素的空隙。

如果要给图片带上一个漂亮的图片图框，则可以通过间隙和背景图片来控制

不过，前提是图片的宽和高必须得是固定的，而且要知道背景图框的尺寸

img{
height:200px;                        /*高度：200像素*/
width:200px;                         /*宽度：200像素*/
padding:5px;                         /*内间隙：5像素*/
background:url(imgbg.gif) no-repeat; /*背景：地址为imgbg.gif的图片 不重复*/
}

这里给所有图片都设定了200像素的高和宽，加上5个像素的间隙，间隙处就可以把背景图显示出来啦。也就是说，背景图是一个210像素高宽的图片，只要知道背景图的尺寸，就可以设定合适的图片尺寸来完美显示图框了。需要注意的是，固定图片的高宽，最好是能保证在图片没有被压缩变形的前提下，所以，背景图框也可以根据图片尺寸来做。