然而,我还决定让每个图片有1px的框来作为分隔符。为了做到这点,我需要再缩小图片的大小至62 x 46px,样式如下:
/* Resize the images to 64px x 48px */ #gallery a img { position:relative; width:62px; height:46px; border:1px solid #888; z-index:100; }
position:relative; 只是为了我们可以设置z-index(no purpose other than we can now specify a z-index怎么翻译?) width:62px; 设置宽度为62px height:46px; 设置高度46px border:1px solid #888; 添加1px宽的灰色框 z-index:100; 设置z-index到100以确保缩略图能够显示在最上层。