CSS 목록 속성 불릿 지정하는 방법
CSS 불릿 지정하는 방법에 대하여 알아보도록 하겠습니다.
※ 불릿이란 텍스트 앞에 주의를 끌기 위하여 붙이는 그래픽 문자 입니다.
■ 불릿 모양 지정
- 속성 : list-style-type
- 속성값 : none, circle, square, 등
■ 불릿 이미지 지정
- 속성 list-style-image
- 속성값 : 불릿 이미지 URL
■ 불릿 위치 지정
- 속성 : list-style-position
- 속성값 : inside, outside
■ 예제 사용 이미지 : (기쁨이가 만든 쿠키 이미지 입니다)
- 불릿 지정하기 전 예제
소스 |
결과 |
<UL> <LI>대메뉴1 <UL> <LI>메뉴1</LI> <LI>메뉴2</LI> <LI>메뉴3</LI> </UL> </LI> <LI>대메뉴2 <UL> <LI>메뉴1</LI> <LI>메뉴2</LI> <LI>메뉴3</LI> </UL> </LI> </UL> |
|
- 불릿 지정 한 예제
소스 |
결과 |
<UL> |
|
CSS 불릿 속성에 대하여 알아 보았습니다
'프로그래밍 > HTML, CSS, JavaScript' 카테고리의 다른 글
보이기와 감추기 - visibility 와 display (4) | 2018.02.18 |
---|---|
HTML/CSS 레이어(Layer) 란 (7) | 2018.02.13 |
[CSS] 배경 설정 방법 및 속성 알아보기 (2) | 2018.02.01 |
[CSS] 폰트 관련 속성 알아보기 (2) | 2018.01.29 |
[CSS] 스타일 정의 기본 형식 (6) | 2018.01.26 |