웹 개발/HTML & CSS
[HTML & CSS] ul li ol 리스트의 점 , 순서 표시, 기호, 블릿 없애는 법
개발 기록
2024. 1. 15. 21:34
[HTML & CSS] ul li ol 리스트의 점 , 순서 표시, 기호, 블릿 없애는 법
ul li 이용시 앞에 점같은 표시가 생긴다
<ul>
<li class="classTime">10:00</li>
<li class="classTime">13:00</li>
<li class="classTime">15:00</li>
<li class="classTime">17:00</li>
</ul>
앞에 위치한 점을 없애고 싶다면
<style>
.classTime{
list-style : none;
}
</style>
없애는 것도 가능하지만
다른 방법으로 표시할 수도 있다
none 대신 입력하면 됨
lower-roman : 로마숫자 소문자
upper-roman : 로마숫자 대문자
lower-alpha : 알파벳 소문자
upper-alpha : 알파벳 대문자
circle : 원
square : 사각형
decimal : 숫자
disc : 점
none : 표시없음
무엇이 있는지 다 외울 필요 없고 보고 알기만 하면 된다
컨트롤 + 스페이스를 누르면 목록이 나온다