제 개인 홈페이지에서 사용 중인 페이징 스타일입니다.

· 2014-02-09 (일) 16:03:08 · 10585 · 15
minsupkrpg.jpg
심플 간단합니다. ^^;;

[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]

첨부파일

minsupkrpg.jpg (6 KB)
57회 2014-02-09 16:03
|

댓글 15개

border-radius 속성은
-moz-border-radius:15px;
-webkit-border-radius:15px;
위같이 추가 해주셔야 사파리, 파이어폭스에서도 정상적으로 표시됩니다.
2014-02-09 (일) 20:19:15
어찌 추가하면 되나요?
이리저리해봐도 IE8에서 둥글게 나타나지않아 다시 되돌려버렸습니다.
크롬에서는 제대로 나타났구요.
제가 알기론 IE8에서는 border-radius 속성이 안먹히는걸로 압니다
2014-02-10 (월) 13:11:19
에구...;;;
답변 고맙습니다.
좋은 정보 공유 감사합니다. ^^
게이츠는 왜 유별날까요? 그렇게도 튀고 싶은가요? ㅋ
동그란것이 이쁘네요. 페이징 스타일 둥근건 처음보는듯...
2014-02-10 (월) 15:52:20
게이츠요? ㅠㅠ;;;;;
빌게이츠 IE 시리즈 욕한겁니다. ㅋㅋ 호환성때문에 개발자들 속썩이잖아요..나쁜넘~ㅋㅋ
2014-02-10 (월) 16:50:41
아하 저도 촉이 다 갔네요. ㅎㅎㅎ
사이트 이름이 뭐드라~ 어디서 많이 봤는데...
써글~이던강....ㅋㅋ 농담입니다.
아직 지운아빠님은 우리의 등불입니다.^^
헉...."써글" 저렇게 강조까지 ...저의 본의가 아님을 밝힙니다..ㅠㅠ
아니 이럴쑤가~ 사죄의 글까지 "써~글~"이 저렇게....ㅠㅠ
2014-02-11 (화) 11:21:54
바람 앞의 촛볼이죠. ㅎㅎㅎ
오해는 점점 증폭되고... ㄷㄷㄷ

좋은 하루 되세요. ^^
깔끔하네요~
2014-02-19 (수) 14:47:59
그냥 숫자 배경을 동그란 원 이미지로 background-img: sdf.gif; 로 처리하면 더 간단하고 브라우저 종류도 상관없을 것 같네요.
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
14-02-28 조회 3.5만
14-02-28 조회 1.8만
14-02-27 조회 8,730
14-02-27 조회 9,493
14-02-25 조회 1.2만
14-02-22 조회 7,747
14-02-20 조회 6,665
14-02-18 조회 1.2만
14-02-16 조회 1.3만
14-02-15 조회 1.2만
14-02-12 조회 2.4만
14-02-12 조회 8,939
14-02-10 조회 1.1만
14-02-09 조회 1.1만
14-02-09 조회 5,346
14-02-06 조회 7,074
14-02-05 조회 9,673
14-02-04 조회 1.1만
14-02-04 조회 5,259
14-01-31 조회 6,449
14-01-30 조회 1만
14-01-27 조회 8,424
14-01-27 조회 1.3만
14-01-27 조회 7,806
14-01-26 조회 6,380
14-01-25 조회 6,919
14-01-25 조회 1.1만
14-01-22 조회 1.1만
14-01-21 조회 1.4만
14-01-20 조회 7,203