반응형
ul.no-bullets {
list-style-type: none; /* Remove bullets */
padding: 0; /* Remove padding */
margin: 0; /* Remove margins */
}
<!DOCTYPE html>
<html>
<head>
<style>
ul.no-bullets {
list-style-type: none;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<p>Default list:</p>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<p>Remove bullets, margin and padding:</p>
<ul class="no-bullets">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>
</html>결과
Default list:
- Coffee
- Tea
- Coca Cola
Remove bullets, margin and padding:
Coffee
Tea
Coca Cola
반응형
'CSS 기본기' 카테고리의 다른 글
| 프로퍼티별 사용 단위 / CSS 크기 단위 정리 (px, %, rem, em, vh, vw) (0) | 2023.04.25 |
|---|---|
| CSS selector{property:value} (0) | 2023.04.14 |
| CSS Pseudo class 예제 (0) | 2023.04.14 |