利用CSS·实现自动链接图标

经常看到一些网站，在对某些特定文件类型做链接时，左边会出现一个专用的链接图标，我们能否通过CSS设置来实现这一功能呢？答案是肯定的，看看下面的样例：

HTML的代码是这样写的：

<a href="http://www.blogger.com/news/issue12.pdf">View Latest Issue</a>

利用CSS可以这样实现：

a[href $='.pdf'] { padding-right: 18px;  background: transparent url(icon_pdf.gif) no-repeat center right; }

OK，一个类似于上方的PDF图标自动显示功能就这样实现了，你还可以加以扩展，加上对DOC、WPS、PPT等文件的支持，是不是很简单呀？