* 리스트 스타일의 형식 지정 *
<HTML>
<HEAD>
<TITLE> 리스트의 기호와 형식 지정 </TITLE>
<STYLE TYPE="text/css">
<!--
.disc {list-style-type: disc;}
.circle {list-style-type: circle;}
.square {list-style-type: square;}
.decimal {list-style-type: decimal;}
.lower-roman {list-style-type: lower-roman;}
.upper-roman {list-style-type: upper-roman;}
.lower-alpha {list-style-type: lower-alpha;}
.upper-alpha {list-style-type: upper-alpha;}
.none {list-style-type: none;}
-->
</STYLE>
</HEAD>
<BODY BGCOLOR="white">
<CENTER>
<H2> 리스트의 기호와 형식 지정 </H2>
</CENTER>
<UL CLASS="disc">
<LI> 검은 원형으로 지정
<UL CLASS="circle">
<LI> 흰 원형으로 지정
<UL CLASS="square">
<LI> 사각형으로 지정
<LI CLASS="none"> 마크를 표시하지 않게 지정
</UL>
</UL>
</UL>
<OL CLASS="upper-roman">
<LI> 대문자 로마자로 지정
<OL CLASS="lower-roman">
<LI> 소문자 로마자로 지정
<OL CLASS="upper-alpha">
<LI> 대문자로 지정
<OL CLASS="lower-alpha">
<LI> 소문자로 지정
<OL CLASS="decimal">
<LI> 숫자로 지정
</OL>
</OL>
</OL>
</OL>
</OL>
</BODY>
</HTML>
* 리스트 스타일의 색 시정 *
<HTML>
<HEAD>
<TITLE> 리스트의 기호와 형식에 색 지정 </TITLE>
<STYLE TYPE="text/css">
<!--
.disc {list-style-type: disc; color: blue }
.square {list-style-type: square; color: red}
.decimal {list-style-type: decimal; color: green}
.upper-roman {list-style-type: upper-roman; color: navy}
.black { color:black }
-->
</STYLE>
</HEAD>
<BODY BGCOLOR="white">
<CENTER>
<H2> 리스트의 기호와 형식에 색 지정 </H2>
</CENTER>
<UL>
<LI CLASS="disc"> <SPAN CLASS="black">원형 기호에는 blue 지정 </SPAN>
<LI CLASS="square"><SPAN CLASS="black"> 사각형 기호에는 red 지정 </SPAN>
</UL>
<OL>
<LI CLASS="decimal"> <SPAN CLASS="black"> 숫자에는 green 지정 </SPAN>
<LI CLASS="upper-roman"> <SPAN CLASS="black"> 대문자 로마자에는 navy 지정 </SPAN>
</OL>
</BODY>
</HTML>
"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기, 각종 광고, 영업, 판매, 제안서, 전단지 반응율 3배×10배 이상 높이는 마법의 8단계 공식" |
☞자세히보기 |
|
|