如何使用CSS将图标应用于链接?

时间:2010-07-30 17:17:53

标签: css

我想知道如何将图像添加到与FF,IE和Opera浏览器兼容的css链接中?

3 个答案:

答案 0 :(得分:1)

在链接中添加background-image

您可以使用边距,填充和background-position来更改背景图片的显示位置。

答案 1 :(得分:1)

将背景设置为链接图标,将填充设置为图标的宽度。

a { 
   padding-left: 10px;
   background: transparent url(link_icon.png) no-repeat center left;
}

答案 2 :(得分:0)

a {
   display:block;
   width:10px;
   height:10px;
   background:url(/images/image.png) 0 top;
   padding-left:5px
  }

背景 - 将x坐标置于0,然后填充a标签的左侧