웹프로그래밍

Global It Leader!!


CSS


 
 

이미지 스프라이트 예시

페이지 정보

작성자 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 1,398회 작성일 22-03-18 17:11

본문

<!DOCTYPE html>

<html>

<head>

<style>

#navlist {

    position: relative;  /* 위치:상대값 */

}


#navlist li {

    margin: 0;    /* 외부여백:0 */

    padding: 0;  /* 내부여백:0 */

    list-style: none;  /* 목록유형:사용안함 */

    position: absolute;  /* 위치:절대값 */

    top: 0;          /* 상단위치:0 (y좌표:0) */

}


#navlist li, #navlist a {

    height: 44px;     /* 높이:44px */

    display: block;   /* 표시방법:블록화(넓이,높이 설정가능) */

}


#home {

    left: 0px;             /* 좌측여백:0 (x좌표:0) */

    width: 46px;      /* 넓이(폭) 46픽셀 */

    background: url('img_navsprites.gif') 0 0   /* 좌측 0, 상단0 저점에서 배경이미지 표시 */

}


#prev {

    left: 63px;

    width: 43px;

    background: url('img_navsprites.gif') -47px 0;      /* 왼쪽방향으로  47픽셀 더 들어 가서, 윗쪽은 0지점부터 배경 이미지 표시*/

}


#next {

    left: 129px;

    width: 43px;

    background: url('img_navsprites.gif') -91px 0;

}

</style>

</head>

<body>


<ul id="navlist">

  <li id="home"><a href="default.asp"></a></li>

  <li id="prev"><a href="css_intro.asp"></a></li>

  <li id="next"><a href="css_syntax.asp"></a></li>

</ul>


</body>

</html>

댓글목록

등록된 댓글이 없습니다.

전체 80
게시물 검색
CSS 목록
번호 제목 글쓴이 조회 날짜
80 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 53 10-11
79 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 51 10-09
78 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 74 07-26
77 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 65 06-10
76 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 78 05-17
75 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 104 05-16
74 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 64 05-14
73 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 109 05-02
72 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 513 07-31
71 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 753 04-09
70 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1076 09-01
69 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2082 04-24
68 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3213 04-24
67 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1355 03-28
66 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2832 03-26
65 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1371 03-26
64 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1362 03-25
열람중 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1399 03-18
62 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 8608 11-28
61 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1831 09-20