HTML 목록 및 CSS 목록 속성

컴프

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 2451 2451

HTML 목록 및 CSS 목록 속성

HTML에는 다음과 같은 두 가지 주요 유형이 있습니다.

순서가없는 목록 (<ul>) - 목록 항목은 글 머리 기호로 표시됩니다.

정렬 된 목록 (<ol>) - 목록 항목은 숫자 또는 문자로 표시됩니다

CSS 목록 속성을 사용하면 다음을 수행 할 수 있습니다.

정렬 된 목록에 대해 다른 목록 항목 마커 설정

정렬되지 않은 목록에 대해 다른 목록 항목 마커 설정

이미지를 목록 항목 마커로 설정합니다.

목록 및 배경 항목에 배경색 추가

다른 목록 항목 마커

이 list-style-type속성은 목록 항목 표식의 유형을 지정합니다.

다음 예제에서는 사용 가능한 목록 항목 마커 중 일부를 보여줍니다.

예

ul.a {

list-style-type: circle;

}

ul.b {

list-style-type: square;

}

ol.c {

list-style-type: upper-roman;

}

ol.d {

list-style-type: lower-alpha;

}

<!DOCTYPE html>

<html>

<head>

<style>

ul.a {

list-style-type: circle;

}

ul.b {

list-style-type: square;

}

ol.c {

list-style-type: upper-roman;

}

ol.d {

list-style-type: lower-alpha;

}

</style>

</head>

<body>

<p>Example of unordered lists:</p>

<li>Coffee</li>

</ul>

<li>Coffee</li>

</ul>

<p>Example of ordered lists:</p>

<li>Coffee</li>

</ol>

<li>Coffee</li>

</ol>

</body>

</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
47	HTML	HTML에 얹히지 않은 이미지팝업(화면 중앙으로) [1]	醉生夢死™ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4538
46	HTML	사진을 액자에 넣기(액자 만들기) [3]	Photofly 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5403
45	HTML	초간단 스크롤 [1]	rolo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3293
44	HTML	잘되는 센드메일 수신이 안될때...	꿈꾸는비행기 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4376
43	HTML	글자를 쓰고나서 . . . 다른 글자 수정시 [2]	막시무스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3787
42	HTML	textarea 에 Tab기능 넣기	醉生夢死™ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3762
41	HTML	자바스크립트 오류 메시지 감추기	태엽푸는새 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4266
40	HTML	붙여넣기 + 오른쪽 마우스 클릭 금지(익스만)	세은아빠2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3930
39	HTML	삼바 설정 간단 쉬운 쉽게	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4282
38	HTML	디지털 카메라로 찍은 이미지 밝게하기(설명은 포토샵 CS2 버젼용입니다) [4]	bbking	20년 전	6039
37	HTML	특수문자 모음 [5]	yesmoa 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	6716
36	HTML	mqueue 설정(센드메일속도 UP)	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3826
35	HTML	IE - 스크롤바 색상의 정확한 적용 [2]	이근우 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	5031
34	HTML	HTML Utopia:Designing Without Tables Using CSS [1]	바세린 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4502
33	HTML	패스선택툴 [1]	정호아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3732
32	HTML	작업내역 브러쉬 [1]	정호아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3820
31	HTML	닷지툴 [5]	정호아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4574
30	HTML	일러스트 메뉴얼. [3]	bbking	20년 전	6656
29	HTML	첫 게시물..^^ 포토샵 단축키 [10]	bbking	20년 전	8594
28	HTML	아파치 (apache) 인증 만들기 htaccess	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	7226
27	HTML	vsftp에서 기본디렉토리 바꾸기 (ftp)	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4080
26	HTML	콘솔의 화면보호기능을 끄려면?	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	2562
25	HTML	스왑 사용 안하기	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3068
24	HTML	document.all("Object명") vs document.getElementsByName("Object명") [1]	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	6827
23	HTML	문자열 연결 CONCAT()	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4898
22	HTML	다중 파일들을 하나의 db필드 및 프로그램으로 제어하기 [1]	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4834
21	HTML	디렉토리 관련함수 [퍼옮]	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3692
20	HTML	setcookie	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4826
19	HTML	eregi() vs ereg() [2]	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4716
18	HTML	man 페이지 txt파일로 저장하기	prosper 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3554