html - 分页样式不起作用

Question

我认为这是一个非常愚蠢的问题，但我无法弄清楚！我想做一个分页，并用css设置样式。

这是我的CSS：

.pagination {
    height:14px;
    width:auto;
    float:right;
}
.first {
    width:14px;
    height:14px;
    background:url('../images/first.png');
    margin:0 3px;
}
.last {
    width:14px;
    height:14px;
    background:url('../images/last.png');
    margin:3px;
}
.next {
    width:7px;
    height:14px;
    background:url('../images/next.png');
    margin:3px;
}
.previous {
    width:7px;
    height:14px;
    background:url('../images/previous.png');
    margin:3px;
}

HTML是这样的：

<div class="pagination">
                <a href="#" class="first"></a>
                <a href="#" class="previous"></a>
                <a href="#" class="next"></a>
                <a href="#" class="last"></a>
            </div>

但是在网站上没有什么可看的。

有人可以帮忙吗？谢谢

Answer 1

如果您display: inline-block;为每个<a />标签添加样式，那么应该可以。

a{
    display: inline-block;
}

并确保图像的路径正确。