css基于文件格式使用不同的样式

爱不到要偷

于 2018-06-13 14:23:00 发布

阅读量147

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chenzeyongjsj/p/9177603.html

本文介绍了一种使用CSS为不同类型的链接（如HTTP链接、电子邮件和PDF文件）定制样式的具体方法。通过设置内边距和背景图像，可以增强用户体验并提高网页的专业度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

a[href^="http://"]{
    padding-right: 20px;
    background: url(external.gif) no-repeat center right;
}
/* emails */
a[href^="mailto:"]{
    padding-right: 20px;
    background: url(email.png) no-repeat center right;
}

/* pdfs */
a[href$=".pdf"]{
    padding-right: 20px;
    background: url(pdf.png) no-repeat center right;
}