如何解决如何使用图像样式列表
| 您将如何设置此代码的样式,以便在文本后添加社交媒体图标?<li class=\"facebook\"><a href=\"http://www.facebook.com/3ndvorg/\">Follow On Facebook</a></li>
我想在“在Facebook上关注”文本之后添加Facebook图像图标...
谢谢
解决方法
在
a
标记中添加一个background
,如下所示:
.facebook a {
padding-right: 20px;
background: url(yourimageurl.png) no-repeat right;
}
jsfiddle上的演示
编辑:更新的演示与实现以匹配注释中的图像。
, 您可以只将\“ icon \”作为img
标记:
<li class=\"facebook\"><a href=\"http://www.facebook.com/3ndvorg/\">Follow On Facebook <img src=\"path/to/icon.jpg\" alt=\"Facebook Icon\" /></a></li>
或者,您可以使用类似:
.facebook a {
background: url(\'path/to/icon.png\') right center no-repeat;
padding-right: 10px; /* icon width + some pixels for spacing */
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。