HTML
[TIL] <ul>, <ol>, <li> 앞에 점 삭제하기
어느새벽
2024. 4. 17. 20:13
반응형
웹문서 작성 시 리스트를 나열하는 경우가 많다.
그래서 <ul>, <ol>, <li> 코드가 많이 쓰이는데
이 코드들은 앞에 숫자나 영어, 점이 자동으로 붙는다.
웹 컨셉에 맞게 디자인 하려면 삭제하는 것이 좋은데
css에 list-style-type: none; 태그를 사용하면 없어진다.
<style>
.empty {
list-style-type: none;
}
</style>
--------------------------------------------------
<body>
<ul class="empty">
<li>안녕하세요</li>
<li>감사해요</li>
<li>잘 있어요</li>
<li>다시 만나요</li>
</ul>
<ol class="empty">
<li>안녕하세요</li>
<li>감사해요</li>
<li>잘 있어요</li>
<li>다시 만나요</li>
</ol>
</body>
반응형