Develop

[HTML & CSS] ul li ol 리스트의 점 , 순서 표시, 기호, 블릿 없애는 법 본문

웹 개발/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 : 표시없음

 

 

무엇이 있는지 다 외울 필요 없고 보고 알기만 하면 된다

컨트롤 + 스페이스를 누르면 목록이 나온다