Многим интересно, каким образом на моём сайте оформлены переключатели страниц (вы же видели, да, ДА?! 
). На самом деле нет ничего сложного, достаточно в таблицу стилей (CSS) данный фрагмент:
Код
a.swchItem,a.swchItem1 {
background: #000000; /* фоновый цвет, можно использовать картинку */
border: 1px solid #2f2f2f; /* рамка вокруг указателя номера страницы */
color: #dfdfdf; /* цвет шрифта */
padding: 2px 6px; /* отступы, из которых формируется размер кнопки переключателя */
}
a.swchItem:hover,a.swchItem1:hover {
color: #ff7f00; /* цвет ссылки при наведении */
}
.swchItemA,.swchItemA1 {
background: #000000; /* фоновый цвет, можно использовать картинку */
border: 1px solid #2f2f2f; /* рамка вокруг указателя номера страницы */
color: #00df00; /* цвет шрифта */
padding: 2px 6px; /* отступы, из которых формируется размер кнопки переключателя */
}
При желании можно добавить закруглённые углы 
