제 개인 홈페이지에서 사용 중인 페이징 스타일입니다.
심플 간단합니다. ^^;;
[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 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 355 | 10년 전 | 12331 | ||
| 354 | 10년 전 | 20332 | ||
| 353 | 10년 전 | 6526 | ||
| 352 | 10년 전 | 6713 | ||
| 351 | 10년 전 | 5800 | ||
| 350 | 10년 전 | 7646 | ||
| 349 | 10년 전 | 7228 | ||
| 348 |
아직도초짜
|
10년 전 | 10016 | |
| 347 | 10년 전 | 25027 | ||
| 346 | 10년 전 | 13966 | ||
| 345 | 10년 전 | 8116 | ||
| 344 | 10년 전 | 10080 | ||
| 343 | 10년 전 | 9028 | ||
| 342 | 10년 전 | 9603 | ||
| 341 | 10년 전 | 17780 | ||
| 340 | 10년 전 | 7904 | ||
| 339 |
 mando |
10년 전 | 4828 | |
| 338 | 10년 전 | 7809 | ||
| 337 | 10년 전 | 8603 | ||
| 336 | 10년 전 | 15592 | ||
| 335 | 10년 전 | 7937 | ||
| 334 | 10년 전 | 10000 | ||
| 333 | 10년 전 | 11016 | ||
| 332 | 10년 전 | 7604 | ||
| 331 | 10년 전 | 6240 | ||
| 330 | 10년 전 | 12011 | ||
| 329 | 10년 전 | 8918 | ||
| 328 | 10년 전 | 7486 | ||
| 327 | 10년 전 | 10416 | ||
| 326 | 10년 전 | 8375 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기