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>

但网站上没什么可看的。

有人可以提供帮助吗？ THX

Answer 1

如果您为每个display: inline-block;标记的样式添加<a />，那么这应该有效。

a{
    display: inline-block;
}

确保图像的路径正确。

分页样式不起作用

1 个答案: