<nav class="pagination"> <a class="first" href="#">«</a> <a class="previous" href="#">‹</a> <span class="current">1</span> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a class="next" href="#">›</a> <a class="last" href="#">»</a> </nav>
/* 페이지 네비게이션 */ nav.pagination { margin: 20px 0; color: #999; text-align: center; } nav.pagination a, nav.pagination span{ display: inline-block; margin: 0 2px; padding: 10px 15px; background-color: #f7f7f7; border: 1px solid #e2e2e2; border-radius: 2px; color: #999; font-size: 11px; text-align: center; text-decoration: none; line-height: normal; } nav.pagination span.current { background-color: #464646; border-color: #464646; color: #fff; font-weight: bold; }