Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS를 사용하여 정렬되지 않은 목록에 정사각형 글머리 기호를 만드는 방법

CSS 속성 list-style-type을 사용하여 정렬되지 않은 목록에 정사각형 글머리 기호를 만드는 방법 알아보기 .

기본적으로 정렬되지 않은 목록 항목(<ul> ) 웹 페이지에서 둥근 글머리 기호를 사용합니다.

둥근 글머리 기호는 다음과 같이 스타일이 지정됩니다.

ul {
  list-style-type: disc;
}

다음과 같이 보입니다.

  • HTML
  • CSS
  • 자바스크립트

글머리 기호를 정사각형으로 만들려면 기본 list-style-type을 재정의할 수 있습니다. 다음과 같은 설정:

ul {
  list-style-type: square;
}

사각 글머리 기호 예:

  • HTML
  • CSS
  • 자바스크립트

정사각형 글머리 기호는 일반적이지 않지만 일부 웹사이트에서는 매우 적합합니다. 원하는 스타일과 테마에 따라 다릅니다.