为了美化你的wordpress网站，我们可以为不同的附件类型添加不同的个性化图标.这里就是主要用到了css的属性选择器，以下便是相关的css代码：

a[href$=".zip"],a[href$=".7z"],a[href$=".rar"]{background:url(images/zip.jpg) no-repeat left center;padding-left:19px;}
a[href$=".docx"]{background:url(images/docx.jpg) no-repeat left center;padding-left:19px;}
a[href$=".mp3"]{background:url(images/mp3.jpg) no-repeat left center;padding-left:19px;}

以上代码直接插入到CSS文件中即可，根据实际情况还需要稍作修改。

html:

<a href="http://dz9.net/2013/04/FONT.zip">CSS3 @font-face 实现个性化字体</div>
<a href="http://dz9.net/2013/05/dz9.net_.docx">dz9.net_.docx</a>
<a href="http://dz9.net/2013/05/原·味-褐瞳.mp3">原·味-褐瞳.mp3</a>

这里就不放演示效果了，自己去测试吧！