728x90
반응형
CSS
-
div,p 태그에 list-style-type 적용 시키기IT,인터넷정보 2017. 8. 2. 12:36
CSS의 list-style-type은 일반적으로 ul요소에 적용이 됩니다. 그러나 디자인을 하다보면 문단이나 목록을 꼭 ul을 사용하기 어려울 때가 있습니다.그때 list-style-type을 div,p 태그에 사용하는 팁을 드립니다. 모든 HTML문서는 요소에 CSS 속성을 설정할 수 있습니다. (설정되어 있지 않은 경우, 정의 된 초기 값을 값으로 보여짐) 방법은 아주 간단합니다. div { display: list-item; margin-left: 1em; list-style-type: disc; } 위의 예제와 같이 태그에 display: list-item을 선언하여 list-style-type성질을 부여합니다.그 후 list-style-type의 속성을 부여하면 됩니다.