1618-1

by Hyunhwa Jung

HTML

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

CSS

/* 페이지 네비게이션 */
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;
}