Develop
[HTML & CSS] ul li ol 리스트의 점 , 순서 표시, 기호, 블릿 없애는 법 본문
[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 : 표시없음
무엇이 있는지 다 외울 필요 없고 보고 알기만 하면 된다
컨트롤 + 스페이스를 누르면 목록이 나온다
'웹 개발 > HTML & CSS' 카테고리의 다른 글
[html/css] 모달(Modal) 창 만들기 / 띄우기 (0) | 2024.02.15 |
---|---|
[HTML & CSS] <ol> <ul> <li> 태그 - List 만들기 (0) | 2024.01.15 |