[html]
<a href="#" class="previous">« Previous</a>
<a href="#" class="next">Next »</a>

<a href="#" class="previous round">‹</a>
<a href="#" class="next round">›</a>
<style>
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%;
}
</style>
[/html]

Шаг 1) добавить HTML:

Код:
<a href="#" class="previous">« Previous</a>
<a href="#" class="next">Next »</a>

<a href="#" class="previous round">‹</a>
<a href="#" class="next round">›</a>

Шаг 2) добавить CSS:

Код:
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%;
}
Подпись автора

вопрос по ◆ВТ◆ в личку

вопрос по ◆ВТ◆ в тему