네이버 페이징 > html

<style type="text/css">
table.Nnavi{height:13px;border-collapse:collapse;margin:0 auto}
table.Nnavi td{padding:0;border-right:1px solid #dddddd}
table.Nnavi td.pgRR{border-right:0}
table.Nnavi a{font-size:12px;font-family:돋움;text-decoration:none;display:block; padding:2px 8px 0 7px;color:#333333;font-weight:bold}
table.Nnavi a:hover{background-color:#F7F7F7;}
table.Nnavi .pgLL a, table.Nnavi .pgL a, table.Nnavi .pgR a, table.Nnavi .pgRR a{font-weight:normal}
table.Nnavi .pgLL a:hover, table.Nnavi .pgL a:hover, table.Nnavi .pgR a:hover, table.Nnavi .pgRR a:hover{background-color:#ffffff}
table.Nnavi .pgLL img, table.Nnavi .pgL img, table.Nnavi .pgR img, table.Nnavi .pgRR img{border:0;margin-bottom:1px;} table.Nnavi .pgLL img, table.Nnavi .pgL img{margin:0 5px 2px 0;}
table.Nnavi .pgRR img, table.Nnavi .pgR img{margin:0 0 2px 5px}
table.Nnavi .on, table.Nnavi .on a, table.Nnavi .on a:visited{color:#FF8400} *html body table.Nnavi a{width:1em} table.Nnavi .pgLL a, table.Nnavi .pgL a, table.Nnavi .pgR a, table.Nnavi .pgRR a{width:auto}
</style>
<table align="center" class="Nnavi" summary="페이지 네비게이션">
 <tr>
  <td class="pgLL"><a href="#"><img alt="" height="5" src="http://static.naver.com/n/cmn/bu_pgarLL.gif" width="7">맨앞</a></td>
  <td class="pgL"><a href="#"><img alt="" height="5" src="http://static.naver.com/n/cmn/bu_pgarL.gif" width="3">이전</a></td>
  <td><a href="#">11</a></td>
  <td><a href="#">12</a></td>
  <td class="on"><a href="#">13</a></td>
  <td><a href="#">14</a></td>
  <td><a href="#">15</a></td>
  <td><a href="#">16</a></td>
  <td><a href="#">17</a></td>
  <td><a href="#">18</a></td>
  <td><a href="#">19</a></td>
  <td><a href="#">20</a></td>
  <td class="pgR"><a href="#">다음<img alt="" border="0" height="5" src="http://static.naver.com/n/cmn/bu_pgarR.gif" width="3"></a></td>
  <td class="pgRR"><a href="#">맨뒤<img alt="" border="0" height="5" src="http://static.naver.com/n/cmn/bu_pgarRR.gif" width="8"></a></td>
 </tr>
</table>