html css ul li 옵션

Pixabay의 yatsusimnetcojp의 이미지.

목차

html 리스트에서 ul li의 옵션을 정리해 둡니다.

기본

<ul>
  <li>안녕하세요</li>
  <li>html css ul li 옵션</li>
</ul>

• 안녕하세요
• html css ul li

---

점 없애기

<style>
ul{
   list-style:none;
   }
</style>

• 안녕하세요
• 점 없애기

---

점 & 들여쓰기 없애기

<style>
ul{
   list-style:none;
   padding-left:0px;
   }
</style>

• 안녕하세요
• 점 없애기 & 들여쓰기 없애기

---

리스트의 점 대체 모양

<style>
ul{
   list-style:태그;
   }
</style>

none	아무 표시 없음
disc	점
circle	속이 빈 원
square	사각형
decimal	숫자
lower-roman	로마숫자 소문자
upper-roman	로마숫자 대문자
lower-alpha	알파벳 소문자
upper-alpha	알파벳 대문자

 

---

테스트 해볼 수 있는 사이트

https://www.w3schools.com/tags/tag_ul.asp

HTML ul tag