제 개인 홈페이지에서 사용 중인 페이징 스타일입니다.
심플 간단합니다. ^^;;
[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개
11년 전
border-radius 속성은
-moz-border-radius:15px;
-webkit-border-radius:15px;
위같이 추가 해주셔야 사파리, 파이어폭스에서도 정상적으로 표시됩니다.
-moz-border-radius:15px;
-webkit-border-radius:15px;
위같이 추가 해주셔야 사파리, 파이어폭스에서도 정상적으로 표시됩니다.
11년 전
어찌 추가하면 되나요?
이리저리해봐도 IE8에서 둥글게 나타나지않아 다시 되돌려버렸습니다.
크롬에서는 제대로 나타났구요.
이리저리해봐도 IE8에서 둥글게 나타나지않아 다시 되돌려버렸습니다.
크롬에서는 제대로 나타났구요.
11년 전
제가 알기론 IE8에서는 border-radius 속성이 안먹히는걸로 압니다
11년 전
에구...;;;
답변 고맙습니다.
답변 고맙습니다.
11년 전
좋은 정보 공유 감사합니다. ^^
11년 전
게이츠는 왜 유별날까요? 그렇게도 튀고 싶은가요? ㅋ
동그란것이 이쁘네요. 페이징 스타일 둥근건 처음보는듯...
동그란것이 이쁘네요. 페이징 스타일 둥근건 처음보는듯...
11년 전
게이츠요? ㅠㅠ;;;;;
11년 전
빌게이츠 IE 시리즈 욕한겁니다. ㅋㅋ 호환성때문에 개발자들 속썩이잖아요..나쁜넘~ㅋㅋ
11년 전
아하 저도 촉이 다 갔네요. ㅎㅎㅎ
11년 전
사이트 이름이 뭐드라~ 어디서 많이 봤는데...
써글~이던강....ㅋㅋ 농담입니다.
아직 지운아빠님은 우리의 등불입니다.^^
써글~이던강....ㅋㅋ 농담입니다.
아직 지운아빠님은 우리의 등불입니다.^^
11년 전
헉...."써글" 저렇게 강조까지 ...저의 본의가 아님을 밝힙니다..ㅠㅠ
11년 전
아니 이럴쑤가~ 사죄의 글까지 "써~글~"이 저렇게....ㅠㅠ
11년 전
바람 앞의 촛볼이죠. ㅎㅎㅎ
오해는 점점 증폭되고... ㄷㄷㄷ
좋은 하루 되세요. ^^
오해는 점점 증폭되고... ㄷㄷㄷ
좋은 하루 되세요. ^^
11년 전
깔끔하네요~
11년 전
그냥 숫자 배경을 동그란 원 이미지로 background-img: sdf.gif; 로 처리하면 더 간단하고 브라우저 종류도 상관없을 것 같네요.
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4401 | ||
| 414 | 10년 전 | 5621 | ||
| 413 | 10년 전 | 11519 | ||
| 412 | 10년 전 | 6211 | ||
| 411 | 10년 전 | 8927 | ||
| 410 | 10년 전 | 13170 | ||
| 409 |
 익명닉네임 |
10년 전 | 7117 | |
| 408 | 10년 전 | 6542 | ||
| 407 | 10년 전 | 5760 | ||
| 406 | 10년 전 | 12415 | ||
| 405 | 10년 전 | 14227 | ||
| 404 | 10년 전 | 9643 | ||
| 403 | 10년 전 | 6561 | ||
| 402 | 10년 전 | 8331 | ||
| 401 |
 JAVA대세 |
10년 전 | 6499 | |
| 400 | 10년 전 | 11229 | ||
| 399 | 10년 전 | 11245 | ||
| 398 | 10년 전 | 8005 | ||
| 397 | 10년 전 | 9414 | ||
| 396 | 10년 전 | 8638 | ||
| 395 | 10년 전 | 10895 | ||
| 394 | 10년 전 | 8923 | ||
| 393 | 10년 전 | 7024 | ||
| 392 |
untitled
|
10년 전 | 6924 | |
| 391 | 10년 전 | 14542 | ||
| 390 | 10년 전 | 8086 | ||
| 389 | 10년 전 | 13296 | ||
| 388 | 10년 전 | 6814 | ||
| 387 |
JAVA대세 |
10년 전 | 6721 | |
| 386 | 10년 전 | 12456 | ||
| 385 |
untitled
|
10년 전 | 18045 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기