불릿 목록을 만들려면 순서가 지정되지 않은 목록 태그를 사용하십시오

아래 예와 같이 항목 태그를 나열하십시오.

• 예
• 예제 2
• 예제 3

위의 예는 아래와 같이 글 머리 기호 목록을 만듭니다.

• 예
• 예제 2
• 예제 3

이 목록을 정렬 된 목록 (번호 매기기 목록)으로 변경하려면

~에 태그

, 아래 예제와 같이.

1. 예
2. 예제 2
3. 예제 3

위의 예는 아래와 같이 번호가 매겨진 목록을 만듭니다.

1. 예
2. 예제 2
3. 예제 3

CSS 스타일을 적용하거나 이미지를 글 머리 목록으로 사용하려면 아래 예와 비슷한 CSS 코드를 만드십시오.

#content ul li {list-style-Type : none; 패딩 : 0 0 4px 23px; 배경 : url (// www.computerhope.com/arrow.gif) no-repeat 왼쪽 위;

}

이 예에서는 외부 .css 파일을 사용하여 섹션의 글 머리 기호 항목 만 변경하도록 웹 페이지에 지시합니다. 글 머리 기호 항목을 모두 변경하려면 위의 예에서 #content 를 삭제하면됩니다. 두 번째 줄에서는 list-style-Type : none; 글 머리 기호가 표시되지 않도록 브라우저에 지시합니다. 세 번째 줄에서 패딩 : 0 0 4px 23px; 총알 주위에 패딩과 들여 쓰기입니다. 마지막으로, 마지막 배경 라인은 이미지를 글 머리 기호로 사용하고 브라우저에서 표시 할 위치를 브라우저에 알려줍니다. 이 CSS 코드를 사용하면 다음과 같은 글 머리 기호를 얻을 수 있습니다.

• 예
• 예제 2
• 예제 3