반응형
'XHTML'에서 사용된 리스트(목록)관련 스타일을 'CSS2.0'로 작상하는 예제입니다.
CSS 문법
CSS 문법
예제1 <ol style="margin-left:0px;"><li>C#</li> <li>ASP.NET</li> <li>Silverlight</li> </ol> |
예제2 <ol style="margin-left:25px;list-style-type:disc;list-style-position:outside; list-style-image:url('이미지경로');"> <li>C#</li> <li>ASP.NET</li> <li>Silverlight</li> </ol> |
CSS 문법에서는 들여쓰기 조절이 가능합니다.
다음 CSS 문법으로 블릿기호 변경이 가능합니다.
<ol style="margin-left:'픽셀값';">
다음 CSS 문법으로 블릿기호 변경이 가능합니다.
<ol style="list-style-image:url('아이콘/이미지 경로지정');">
반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
22.CSS - Div태그로 레이아웃 설정 (0) | 2009.07.30 |
---|---|
21.CSS - 이미지관련 스타일 (0) | 2009.07.30 |
19.CSS - 나만의 스타일시트 (0) | 2009.07.29 |
18.CSS - 스크롤바-스타일 지정 (0) | 2009.07.29 |
17.CSS - 링크(link)스타일 지정 (0) | 2009.07.29 |
Comments