웹프로그래밍

Global It Leader!!


CSS


 
 

이미지 스프라이트 예시

페이지 정보

작성자 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 1,197회 작성일 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>

댓글목록

등록된 댓글이 없습니다.

전체 72
게시물 검색
CSS 목록
번호 제목 글쓴이 조회 날짜
72 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 313 07-31
71 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 502 04-09
70 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 831 09-01
69 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1614 04-24
68 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2743 04-24
67 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1166 03-28
66 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2476 03-26
65 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1165 03-26
64 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1165 03-25
열람중 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1198 03-18
62 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 7518 11-28
61 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1622 09-20
60 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1784 08-23
59 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2064 06-07
58 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2498 05-20
57 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2323 04-08
56 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2731 02-03
55 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2317 12-19
54 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2445 11-02
53 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2518 10-25