<b>관심분야</b><br />
1.XHTML 4.0 <br />
2.javascript1.2 <br />
<hr />
<ol style="margin-left:-10px;">
<li>C#</li>
<li>Java</li>
<li>HTML</li>
</ol>
<ol style="list-style-type:circle; margin-left:-20px;"> <!--기본적으로 none 설정-->
<li>C#</li>
<li>Java</li>
<li>HTML</li>
</ol>
<!--경로를 지정하여 목록에 list-style-image 경로 사용해 이미지를 삽입 -->
<ol style="list-style-type:none; list-style-position:inside; list-style-image:url
('http://cfs.tistory.com/static/images/icon_rss.gif');">
<li>C#</li>
<li>Java</li>
<li>HTML</li>
</ol>
<전체소스화면>--------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>20.목록관련스타일</title>
</head>
<body>
<b>관심분야</b><br />
1.XHTML 4.0 <br />
2.javascript1.2 <br />
<hr />
<!--겉에서 보여주는 것에 대한 것 뿐만 아니라 그 이상을 보여주는 것이 2.0이다 -->
<h3 style="font-size:12pt;">관심분야</h3>
<ol style="margin-left:-10px;"><!--리스트 아이템은 기본적으로 들여쓰기-->
<li>C#</li>
<li>Java</li>
<li>HTML</li>
</ol>
<ol style="list-style-type:circle; margin-left:-20px;"> <!--기본적으로 none 설정-->
<li>C#</li>
<li>Java</li>
<li>HTML</li>
</ol>
<!--경로를 지정하여 목록에 list-style-image 경로 사용해 이미지를 삽입 할 수 있습니다 -->
<ol style="list-style-type:none; list-style-position:inside; list-style-image:url('http://cfs.tistory.com/static/images/icon_rss.gif');">
<li>C#</li>
<li>Java</li>
<li>HTML</li>
</ol>
<참고사항>
glist-style-type : 형식
'.Net Project > CSS 2.0' 카테고리의 다른 글
| 22장 태그로 레이아웃 설정 (1) | 2009.07.29 |
|---|---|
| 21장 이미지 스타일 (0) | 2009.07.29 |
| 18장 ScrollBarStyle (0) | 2009.07.28 |
| 17장 LinkStyle (0) | 2009.07.28 |
| 16장 CusorStyle (0) | 2009.07.28 |