分页样式不起作用

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; 
} 

并确保图像的路径是正确的。