建议在Firefox或Chrome中测试,在模拟器中预览。
【示例】
-
CSS
body { font: 120%/1.6 "Gill Sans", Futura, "Lucida Grande", Geneva, sans-serif; color: #666; background: #fff; } a:link,a:visited { color: #666; } a[href^="http:"] { background: url(images/externalLink.gif) no-repeat right top; padding-right: 10px; } a[href^="mailto:"] { background: url(images/email.png) no-repeat right top; padding-right: 15px; }
-
HTML
<p><a href="http://www.google.com/">谷歌</a></p> <p><a href="http://www.baidu.com/index.php">百度</a></p> <p><a href="http://www.yahoo.com/">雅虎</a></p> <p><a href="css-button.htm">本地链接</a></p> <p><a href="mailto:zhangsan@163.com">zhangsan@163.com</a></p>