제 개인 홈페이지에서 사용 중인 페이징 스타일입니다.
심플 간단합니다. ^^;;
[code]
.pg_wrap {padding:20px 0;font-size:0.75em;text-align:center}
.pg_wrap .pg_current, .pg_wrap a {display:inline-block;padding:10px 5px;width:25px;border-radius:15px}
.pg_wrap a {background:#ddd;text-decoration:none}
.pg_wrap .pg_current {margin:0 4px 0 0;background:#383838;color:#fff;font-weight:normal}
.pg_wrap .pg_start, .pg_wrap .pg_prev, .pg_wrap .pg_next, .pg_wrap .pg_end {letter-spacing:-0.1em}
[/code]
[code]
.pg_wrap {padding:20px 0;font-size:0.75em;text-align:center}
.pg_wrap .pg_current, .pg_wrap a {display:inline-block;padding:10px 5px;width:25px;border-radius:15px}
.pg_wrap a {background:#ddd;text-decoration:none}
.pg_wrap .pg_current {margin:0 4px 0 0;background:#383838;color:#fff;font-weight:normal}
.pg_wrap .pg_start, .pg_wrap .pg_prev, .pg_wrap .pg_next, .pg_wrap .pg_end {letter-spacing:-0.1em}
[/code]
첨부파일
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 15개
-moz-border-radius:15px;
-webkit-border-radius:15px;
위같이 추가 해주셔야 사파리, 파이어폭스에서도 정상적으로 표시됩니다.
이리저리해봐도 IE8에서 둥글게 나타나지않아 다시 되돌려버렸습니다.
크롬에서는 제대로 나타났구요.
답변 고맙습니다.
동그란것이 이쁘네요. 페이징 스타일 둥근건 처음보는듯...
써글~이던강....ㅋㅋ 농담입니다.
아직 지운아빠님은 우리의 등불입니다.^^
오해는 점점 증폭되고... ㄷㄷㄷ
좋은 하루 되세요. ^^