w3.css
글머리 기호 없이 나열하기
CSS를 사용하여 글머리 기호가 없는 순서 없는 목록을 만드는 방법을 알아보자.
글머리 기호 없이 목록을 만드는 방법
1단계) HTML 추가
<ul> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> <p>Remove bullets, margin and padding:</p> <ul class="no-bullets"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul>
2단계) CSS 추가
ul.no-bullets { list-style-type: none; /* Remove bullets */ padding: 0; /* Remove padding */ margin: 0; /* Remove margins */ }
기본 예시
예제 보기참고
W3C School - How TO - List Without Bullets