제 개인 홈페이지에서 사용 중인 페이징 스타일입니다. > 그누보드5 팁자료실

그누보드5 팁자료실

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

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

첨부파일

minsupkrpg.jpg (6.0K) 57회 다운로드 2014-02-09 16:03:08

본문

심플 간단합니다. ^^;;


.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}

추천
3

댓글 15개

border-radius 속성은
-moz-border-radius:15px;
-webkit-border-radius:15px;
위같이 추가 해주셔야 사파리, 파이어폭스에서도 정상적으로 표시됩니다.
어찌 추가하면 되나요?
이리저리해봐도 IE8에서 둥글게 나타나지않아 다시 되돌려버렸습니다.
크롬에서는 제대로 나타났구요.
사이트 이름이 뭐드라~ 어디서 많이 봤는데...
써글~이던강....ㅋㅋ 농담입니다.
아직 지운아빠님은 우리의 등불입니다.^^
그냥 숫자 배경을 동그란 원 이미지로 background-img: sdf.gif; 로 처리하면 더 간단하고 브라우저 종류도 상관없을 것 같네요.
전체 2,411 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT