图片作为背景并且是链接的写法(背景图片加链接)
导读：收集整理的这篇文章主要介绍了图片作为背景并且是链接的写法(背景图片加链接 ，觉得挺不错的，现在分享给大家，也给大家做个参考。 图片作为背景，并且是链接的写法。例如网站的LOGo图片。例如：土豆的logo图片<a tITle=...
收集整理的这篇文章主要介绍了图片作为背景并且是链接的写法(背景图片加链接)，觉得挺不错的，现在分享给大家，也给大家做个参考。 图片作为背景，并且是链接的写法。例如网站的LOGo图片。例如：土豆的logo图片
a tITle="土豆网 tudou.COM 每个人都是生活的导演" href="https://www.js-code.com"> 土豆网/a>
a {
display: block;
width: 170px;
height: 42px;
text-indent: -9999px;
background: url(/skin/__g/img/ui/nav/v2_v6.png) 0 0 no-rePEat;
}
由于z-indent的原因土豆网三个字是不会显示的。title属性是鼠标指向会显示的文本。
a>
span>
链接背景图片，在正常情况下是显示不全的，因为a>
链接是行内元素，并且对于a标签css中width height属性失效。
改进方法，就是css中display:block; 或者display:inline-block; 然后设置width和height。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 图片作为背景并且是链接的写法(背景图片加链接)
本文地址： https://pptw.com/jishu/588081.html