为了美化你的wordpress网站,我们可以为不同的附件类型添加不同的个性化图标.这里就是主要用到了css的属性选择器,以下便是相关的css代码:
1 2 3 |
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:
1 2 3 |
<a href="<a href="http://dz9.net/">http://dz9.net</a>/2013/04/FONT.zip">CSS3 @font-face 实现个性化字体</div> <a href="<a href="http://dz9.net/">http://dz9.net</a>/2013/05/<a href="http://dz9.net/">dz9.net</a>_.docx"><a href="http://dz9.net/">dz9.net</a>_.docx</a> <a href="<a href="http://dz9.net/">http://dz9.net</a>/2013/05/原·味-褐瞳.mp3">原·味-褐瞳.mp3</a> |
这里就不放演示效果了,自己去测试吧!