如何通过CSS将锚标记后的背景放入?

时间:2012-04-09 06:22:47

标签: css css3

如果是,可以在没有更改HTML的CSS中使用,请告诉我。

我想说如何在带有css

的锚标记之后放置背景图像

就像这样

enter image description here

我的代码是

<div class="right-f">
                <span>Connect with us:</span>
                <a href="#" rel="twit"></a>
                <a href="#" rel="fb"></a>
                <a href="#" rel="in"></a>
                <a href="#" rel="mail"></a>
            </div>

1 个答案:

答案 0 :(得分:1)

使用attribute selector

.right-f a[rel="twit"] {
    background-image: ...
}
.right-f a[rel="fb"] {
    background-image: ...
}
.right-f a[rel="etc"] {