CSS小技巧:为不同类型的文件设置不同的链接样式

CSS代码如下: 复制代码代码如下:/* external links */ a[href^="http://"] { padding-right: 13px; background: url(external.gif) no-repeat center right; } </p> <p>/* emails */ a[href^="mailto:"] { padding-right: 20px; background: url(email.png) no-repeat center right; } </p> <p>/* pdfs */ a[href$=".pdf"] { padding-right: 18px; background: url(acrobat.png) no-repeat center right; }一些很低级的浏览器可能不支持

　　推荐阅读

　　巧用CSS3 border实现图片遮罩效果代码

复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta>>>详细阅读

本文标题：CSS小技巧:为不同类型的文件设置不同的链接样式

地址：http://www.17bianji.com/kaifa2/CSS/16457.html

1/2 1