글
<head>
<STYLE type='text/css'>
li.1 { list-style-type : lower-roman } /* 로마숫자 소문자으로된 목록 */
li.2 { list-style-type : upper-roman } /* 로마숫자 대문자으로된 목록 */li.3 { list-style-type : lower-alpha } /* 알파벳 소문자으로된 목록 */
li.4 { list-style-type : upper-alpha } /* 알파벳 대문자으로된 목록 */
li.5 { list-style-type : disc } /* 점으로 된 목록 */
li.6 { list-style-type : circle } /* 속이 하얀색 원으로 된 목록 */li.7 { list-style-type : square } /* 사각형으로 된 목록 */li.8 { list-style-type : decimal } /* 숫자로 된 목록 */li.9 { list-style-type : none } /* 아무 표시 없음 */</STYLE>
</head> 리스트 태그(ul, ol, li)와 같은 기능을 CSS로 만들기.(list-style-type)
<ol>
<LI class='1'>리스트 항목 lower-roman</LI>
<LI class='2'>리스트 항목 upper-roman</LI>
<LI class='3'>리스트 항목 lower-alpha</LI>
<LI class='4'>리스트 항목 upper-alpha</LI>
<LI class='5'>리스트 항목 upper-alpha</LI>
<LI class='6'>리스트 항목 disc</LI>
<LI class='7'>리스트 항목 circle</LI>
<LI class='8'>리스트 항목 square</LI>
<LI class='9'>리스트 항목 none</LI>
</ol> 출처 : http://bbs.freecount.net/bbs/bbs.php?m=view&bid=study_2&id=21&page=1&cate=&q=
<STYLE type='text/css'>
li.1 { list-style-type : lower-roman } /* 로마숫자 소문자으로된 목록 */
li.2 { list-style-type : upper-roman } /* 로마숫자 대문자으로된 목록 */li.3 { list-style-type : lower-alpha } /* 알파벳 소문자으로된 목록 */
li.4 { list-style-type : upper-alpha } /* 알파벳 대문자으로된 목록 */
li.5 { list-style-type : disc } /* 점으로 된 목록 */
li.6 { list-style-type : circle } /* 속이 하얀색 원으로 된 목록 */li.7 { list-style-type : square } /* 사각형으로 된 목록 */li.8 { list-style-type : decimal } /* 숫자로 된 목록 */li.9 { list-style-type : none } /* 아무 표시 없음 */</STYLE>
</head> 리스트 태그(ul, ol, li)와 같은 기능을 CSS로 만들기.(list-style-type)
<ol>
<LI class='1'>리스트 항목 lower-roman</LI>
<LI class='2'>리스트 항목 upper-roman</LI>
<LI class='3'>리스트 항목 lower-alpha</LI>
<LI class='4'>리스트 항목 upper-alpha</LI>
<LI class='5'>리스트 항목 upper-alpha</LI>
<LI class='6'>리스트 항목 disc</LI>
<LI class='7'>리스트 항목 circle</LI>
<LI class='8'>리스트 항목 square</LI>
<LI class='9'>리스트 항목 none</LI>
</ol> 출처 : http://bbs.freecount.net/bbs/bbs.php?m=view&bid=study_2&id=21&page=1&cate=&q=
'웹스터디 > xhtmlcss' 카테고리의 다른 글
| 시각장애인용 웹브라우저에서 글자를 판독할 때 사용되는 목소리 정하기 (0) | 2008.07.12 |
|---|---|
| 인터넷익스플러 핵(hack) 박스모델링 (0) | 2008.07.12 |
| CSS 핵 - 브라우저별 CSS 적용 (0) | 2008.07.11 |
| CSS : 리스트와 불릿 이미지 - ul, li (0) | 2008.07.09 |
| ul 태그와 CSS를 이용한 탭(Tab)코딩 (0) | 2008.07.09 |
| overflow:hidden; text-overflow:ellipsis (0) | 2008.07.06 |
| 효율적인 폰트 속성 지정하기 (간단한 팁) (0) | 2008.06.30 |
| 크로스 브라우징을 위한 CSS적용 Tip (0) | 2008.06.21 |
| 크로스브라우징 - 박스모델의 padding, magin, width (0) | 2008.06.21 |
| IE6,IE7 ,FireFox 에 대해 CSS 맞추기 (0) | 2008.05.31 |
RECENT COMMENT