태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

CSS Hover 를 이용한 깔끔한 페이징

8년 전

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>뮤직트로트</title>
<style type="text/css">
/* base */
#wrap {
        width:23em;
        border:6px solid #eee;
        margin:6em auto;
        padding:1.5em 0;
        text-align:left;
        overflow:hidden;
}

/* css */
ul {
        list-style:none;
        float:left;
        display:inline;
}
ul li {
        float:left;
}
ul li a {
        float:left;
        padding:4px;
        margin-right:3px;
        width:15px !important;
        color:#000;
        font:bold 12px tahoma;
        border:1px solid #eee;
        text-align:center;
        text-decoration:none;
        width /**/:26px;        /*IE 5.5*/

}
ul li a:hover, ul li a:focus {
        color:#fff;
        border:1px solid #f40;
        background-color:#f40;
}

</style>
</head>

<body>

<div id="wrap">
        <ul>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">6</a></li>
                <li><a href="#">7</a></li>
                <li><a href="#">8</a></li>
                <li><a href="#">9</a></li>
                <li><a href="#">10</a></li>
        </ul>
</div>

</body>
</html>

추천 목록

번호	제목
2,705	jQuery.getJSON, JSON 데이터를 로드
2,704	jQuery length와 slideToggle 예제
2,703	[CSS] before와 after 선택자를 이용하여 Float 속성 해제
2,702	jQuery toggleClass() Methods
2,701	jQuery stop(),Callback,Chaining
2,700	jQuery Effects - Animation
2,699	jQuery Effects - Sliding
2,698	jQuery fadeIn(), fadeOut(), fadeToggle(), fadeTo()
2,697	jQuery hide(), show(), toggle()
2,696	jquery trigger(), 함수 실행시키기
2,695	비밀번호(패스워드) 유효성 체크 (문자, 숫자, 특수문자의 조합으로 6~16자리)
2,694	PHP 문자열에 한글이 포함되어 있는지 체크
2,693	한글체크(preg match)
2,692	javascript escape/unescape -> php
2,691	폴더안의 파일 가지고 놀기
2,690	정규 표현식으로 한글 문자 포함하는지 확인하기
2,689	유니코드를 이용 한글 초성, 중성, 종성으로 쪼개기 - 한글/영문 변환
2,688	한글 초성,중성,종성 자르기 함수
2,687	파이썬에서 유니코드 스트림 다루기
2,686	Python 2.x 한글 인코딩 관련 정리
2,685	%uABCD%u1234 같은 url의 유니코드 디코딩
2,684	한글, 한자를 유니코드로 변환하기
2,683	경로 분리하기
2,682	한글 ASCII 코드를 웹 URL에서 사용되는 UTF8 코드로 변환
2,681	Unicode (UTF-8) 인코딩에서 한글 글자수 출력 및 iconv substr
2,680	PHP에서 유니코드로 문자열 인코딩하기
2,679	[JavaScript] 뒤로가기 히스토리가 없는 것을 어떻게 알 수 있을까?
2,678	htmlspecialchars, entity decode
2,677	Php : Finding Chrome and Safari Browsers
2,676	[Shoutcast] jPlayer and Shoutcast Configuration