CSS 페이지 매김 스타일 코드_경험 교환

첫 번째는 그림과 같이 360의 효과입니다. 일반 A 마크 페이징, 좋은 호환성입니다. 녹색 스타일

데모 코드:

<style> .pages{ width:100.5%; text-align:right; padding:10px 0; clear:both;} .pages span,.pages a,.pages b{ font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 2px;} .pages span font{ color:#f00; font-size:12px;} .pages a,.pages b{ border:1px solid #5FA623; background:#fff; padding:2px 6px; text-decoration:none} .pages span { padding-right:10px } .pages b,.pages a:hover{ background:#7AB63F; color:#fff;} </style> <div class="pages"> <span>댓글 총 <font>1678</font>개</span><b>1</b><a href="">2</a><a href="">3</a><a href="">4</a><a href=""> 5</a>...<a href="">168</a><a href="">다음 페이지>></a> </div>
[Ctrl+A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

두 번째 유형: 진한 파란색 효과. 물론 색상을 직접 수정할 수도 있습니다.
효과는 다음과 같습니다:

데모 코드:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>CSS </title>