HTML 목록 및 CSS 목록 속성

컴프

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

· 8년 전 · 조회 2448 2448

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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
917	CSS	Word Spacing 단어 간격	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1895
916	CSS	Text Direction 텍스트 방향	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1985
915	CSS	Line Height 라인 높이	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2000
914	CSS	Letter Spacing 글자 간격 [1]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2916
913	CSS	Text Indentation 텍스트 들여 쓰기	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1947
912	CSS	텍스트 변환 Text Transformation	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2011
911	CSS	텍스트 방향 Text Direction	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1983
910	CSS	라인 높이 Line Height	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1855
909	HTML	글자 간격 Letter Spacing	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2283
908	CSS	text-indent	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2216
907	CSS	text-transform	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2048
906	CSS	text-decoration	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2305
905	CSS	Text Alignment	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2042
904	CSS	Text Color	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1827
903	CSS	Outline - Shorthand property	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1956
902	CSS	Outline Width	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2178
901	CSS	Outline Color	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2055
900	CSS	CSS Outline	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2490
899	CSS	CSS Box Model	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2469
898	CSS	Setting max-width	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2043
897	CSS	CSS Height and Width	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1667
896	CSS	CSS Padding	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2315
895	CSS	CSS Margins	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1995
894	CSS	CSS Border Properties	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2613
893	CSS	CSS Syntax and Selectors	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1977
892	HTML	The HTML <audio> Element	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2056
891	HTML	HTML <video> 요소 [1]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2524
890	HTML	html google map	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2614
889	HTML	SVG와 캔버스의 차이점	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3718
888	HTML	SVG Logo	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2156