[CSS] ul li 블릿, 기호, 점 없애기 > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

<style>
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>

<ul>  요소의 기본 왼쪽 패딩은 40px (소스)입니다.
왼쪽 여백을 지우기 위해서 padding-left:0 을 추가합니다

<ul style="padding-left:0; margin:0;">
    <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>
</ul>


참고자료
http://amikhs.pe.kr/?c=1&uid=506
https://www.python2.net/questions-863527.htm