<h2>上一页、下一页按钮</h2>

​

<a href="#" class="previous">&laquo; 上一页</a>

<a href="#" class="next">下一页 &raquo;</a>

​

<a href="#" class="previous round">&#8249;</a>

<a href="#" class="next round">&#8250;</a>

a {

    text-decoration: none;

    display: inline-block;

    padding: 8px 16px;

}

​

a:hover {

    background-color: #ddd;

    color: black;

}

​

.previous {

    background-color: #f1f1f1;

    color: black;

}

​

.next {

    background-color: #4CAF50;

    color: white;

}

​

.round {

    border-radius: 50%;

}