목록태그(UL)에 이미지 사용하기 > html

본문 바로가기

html

목록태그(UL)에 이미지 사용하기

작성일 06-09-14 11:27

페이지 정보

작성자서방님 조회 577회 댓글 0건

본문

<ul style="list-style-image:url(intend.gif)">
  <li>list 태그를 사용하면 이렇게 됩니다.</li>
  <li>두번째 줄은 이렇게</li>
  <li>세번째 줄은 이렇게</li>
</ul>

* 모든 페이지의 목록태그에 동일한 이미지를 사용하기

<style type="text/css">
   UL{margin-bottom: 0px;}  //기본적으로 목록태그 사용시 생기는 하단여백을 없앤다.
   LI {margin-left: 0px; list-style-image:url(images/intend.gif)}
</style>

댓글목록

등록된 댓글이 없습니다.

게시물 검색
Copyright © 서방님.kr All rights reserved.
PC 버전으로 보기