在设计css中的一些小细节

1，当使用图片代替超链接时，如：

<a class="button" >前端档案</a>

其相应得css为：

.button{
width:200px;
height:80px;
display:block;  
background-image:url(bg_button.gif);
background-position:top;
background-repeat:no-repeat;
text-indent:-9999;
}

解析：若要是元素a使用背景图片，那么应该将a设置display为block。也就是块级元素

若要只显示超链接得图片，而不显示文字，可以将文字移动离浏览器的距离为-9999的位置，这时可以使用text-indent属性。后面的px单位不能省去。