[HTML] paging처리

ie7, ie8, ie9, ie10, 크롬, 사파리, 오페라, 파이어폭스

<< < 1 2 3 4 5 > >>

.paging .hide {display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden;}
.paging{padding:19px; text-align:center;}
.paging a{display:inline-block; width:23px; height:23px; padding-top:2px; vertical-align:middle;}
.paging a:hover{text-decoration:underline;}
.paging .btn_arr{text-decoration:none;}
.paging .btn_arr, .paging .on{margin:0 3px; padding-top:0; border:1px solid #ddd; border-radius:30px; /* background:url(/front/img/com/btn_paging.png) no-repeat; */}
.paging .on{padding-top:1px; height:22px; color:#fff; font-weight:bold; background:#000;}
.paging .on:hover{text-decoration:none;}
/* 백그라운드일경우
.paging .first{background-position:left top;}
.paging .prev{background-position:-50px top;}
.paging .next{background-position:-100px top;}
.paging .last{background-position:-150px top;}*/

	처음페이지							
	이전페이지			
	1
	2
	3
	4
	5
	다음페이지							
	마지막페이지