CSS의 list-style-type 속성을 사용해 순서 없는 목록에 사각형 글머리 기호를 적용하는 방법을 알아보세요.
웹 페이지에서 순서 없는 목록(<ul>)은 기본적으로 동그란 원형 글머리 기호(disc)가 표시됩니다.
기본 원형 글머리 기호는 아래와 같이 스타일링되어 있습니다:
ul {
list-style-type: disc;
}실제로 브라우저에는 이렇게 보입니다:
- HTML
- CSS
- JavaScript
글머리 기호를 사각형으로 바꾸고 싶다면, 기본 list-style-type 설정을 다음과 같이 재정의하면 됩니다:
ul {
list-style-type: square;
}사각형 글머리 기호 적용 예시:
- HTML
- CSS
- JavaScript
사각형 글머리 기호는 비교적 드문 편이지만, 웹사이트의 디자인 성향과 테마에 따라서는 의외로 잘 어울릴 수 있습니다. 전체적인 스타일과 분위기를 고려해 상황에 맞게 선택하는 것이 좋습니다.