리 {목록 스타일 이미지: url(images/disc.gif);}
li의 이 스타일 정의는 그림을 사용하여 목록 항목에 대해 표시된 작은 점을 대체합니다. 물론, 다른 효과와 함께 표시할 수도 있습니다. 자세한 내용은 아래 정의를 참조하세요.
목록 항목 효과의 CSS 정의
*list-style-type: 원형(원하는 목록 항목 스타일로 변경 가능);
디스크: CSS1 단색 원
원: CSS1 속이 빈 원
square : CSS1 솔리드 정사각형
십진수: CSS1 아라비아 숫자
lower-roman: CSS1 소문자 로마 숫자
upper-roman : CSS1 대문자 로마숫자
lower-alpha: CSS1 소문자 영문자
upper-alpha: CSS1 대문자 영문자
없음 : CSS1은 글머리 기호를 사용하지 않습니다.
armenian : CSS2 전통 아르메니아 숫자
cjk-ideographic:CSS2 일반 표의 문자 번호
georgian : CSS2 전통적인 조지아 숫자
lower-greek : CSS2 기본 그리스어 소문자
히브리어 : CSS2 전통 히브리어 숫자
hiragana : CSS2 일본어 히라가나 문자
hiragana-iroha: CSS2 일본어 히라가나 시퀀스
katakana : CSS2 일본어 가타카나 문자
katakana-iroha: CSS2 일본어 가타카나 일련번호
lower-latin: CSS2 소문자 라틴 문자
upper-latin : CSS2 대문자 라틴 문자
*list-style-image: url(images/disc.gif); 목록 항목을 표시하는 대신 이미지 disc.gif를 사용합니다.
*목록 스타일 위치 : 외부 |
외부: 목록 항목 마커가 텍스트 외부에 배치되고 주변 텍스트가 마커에 따라 정렬되지 않습니다.
inside : 목록 항목 태그가 텍스트 내부에 배치되고, 주변 텍스트가 태그에 따라 정렬됩니다.
hr{테두리:1px 점선 #86BCD4;}
HTML 코드에는 수평 막대 hr과 같은 몇 가지 특수 항목이 있으며, 이는 기본 표시 효과를 변경하기 위해 스타일 관리에서 정의할 수도 있습니다.
수평 막대 효과의 CSS 정의
테두리-하단-스타일: 점선;
BORDER-LEFT-STYLE: 점선;
테두리 오른쪽 스타일: 점선;
높이:1;
너비:100%;
정렬:왼쪽;
색상:#86BCD4;
그늘:아니요;
가로 막대 점선 효과 정의
테두리:1px 점선 #86BCD4; 높이: 1;