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

发布时间：2012-05-29 17:05:00 作者：佚名

有时候我们做网页时需要把不同的文件类型设置成不同的样式.用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;
}

一些很低级的浏览器可能不支持

Tag：CSS链接 CSS文件类型

相关文章

CSS网页布局25个实用小技巧
CSS网页布局编码小技巧整理.不论是网站改版还是做新网站，都需要注意的一些地方。
2009-12-21
25条div+css编程提醒及小技巧整理
25条div+css编程提醒及小技巧整理,方便网站前期策划参考等注意事项
2012-03-14
书写CSS的5个小技巧让你的样式更规范
CSS在书写过程中会一些小技巧，会省时省力，比如按字母顺序来排列css、先标记后css等等，本文整理了一些，感兴趣的朋友可以参考下希望对大家书写css有所帮助
2013-08-13
适合新手的CSS网页布局小技巧整理
CSS网页布局的技巧熟练的使用可以提高你的布局效率，本文将适合新手的CSS网页布局的小技巧总结出来，或许对您更有实际的参考价值，感兴趣的朋友不要错过
2013-10-18
CSS中关于居中的小技巧个人小结
掌握一些CSS技巧，在布局过程中就会提高工作效率，本文以个人经验整理了一些关于居中的技巧，大家可以参考下
2013-10-29
29个常用的CSS小技巧汇总
本文给大家推荐了29个常用的CSS小技巧，均是本人项目中使用过的，经过检测的代码，大家可以放心使用
2014-12-03
三个很特别的CSS小技巧分享
这里给大家介绍3个CSS中非常不错的小技巧，非常的简单实用，使用得当，可以大大降低我们的工作强度。
2014-12-19

最新评论