본문 바로가기

카테고리 없음

HTML) li의 점, 블릿, 왼쪽 기호 없애기

li태그는 생성과 동시에 기본적으로 왼쪽에 점같은게 하나 생긴다.

저절로 생기는 숫자가 나열된 ol태그와 비슷하며, html에서 겁나 많이 쓰이는 태그중 하나이다. li태그는 ul태그 안에서 쓰인다.



<예제>


        <ul>

             <li>

             Bino
             </li>

        </ul>


  
<결과> 


  ● Bino


위의 결과와 같이, 동그랗고 큰데다 디자인적으로 뭔가 애매한 점이 하나 생긴다. 그래서 대부분은 저걸 제거하고 다른 기호를 따로 쓰는 방법을 선호한다.



<style> 
 ul{

    list-style:none;

    list-style-type:none;

    } 
 </style> 



위의 스타일 예제처럼


list-style

list-style-type


두가지의 속성을 통해 점을 제거할 수 있다.