[CSS] <UL>, <LI> 리스트의 점을 제거하는 방법

이번 포스트는 <UL>, <LI> 리스트에서 목록을 구분하는 점을 없애는 방법에 대해 이야기해보려 합니다.

 

HTML에서 <ul>, <ol>, <li> 태그를 사용하여 리스트를 만들었는데, 점을 없애고 싶었던 적이 있지 않으셨가요?

저도 그런 상황이 자주 있었는데요, 그럴 때마다 찾아보려니 어려워서 기록겸 포스팅합니다! ㅎㅎ

---

리스트에서 점을 없애는 방법

CSS를 활용하면 됩니다!

 

style 태그를 활용해서 제거하면 되는데요, 아래는 그 코드입니다!

 

<2가지 방법>

1. list-style-type 사용

list-style-type: none;

 

2. list-style 사용

list-style: none;

 

list-style 속성은 list-style-image, list-style-position, list-style-type 속성을 모두 포함하는 단축 속성이기 때문에, 똑같이 동작하는 것이지요~