>  기사  >  웹 프론트엔드  >  CSS에서 li 점을 제거하는 방법

CSS에서 li 점을 제거하는 방법

青灯夜游
青灯夜游원래의
2021-03-31 10:59:1213107검색

HTML의 li 태그에는 기본적으로 작은 점이 있습니다. CSS의 list-style-type 속성을 사용하면 "list-style-type: none;"만 추가하면 됩니다. li 태그에 추가하여 설정하세요. li 목록 항목 앞에 아무 표시도 두지 마세요.

CSS에서 li 점을 제거하는 방법

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

html의

  • 태그에는 순서가 지정되지 않은 목록에 자동으로 작은 점이 있습니다.
    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>

    렌더링:

    CSS에서 li 점을 제거하는 방법

    이 작은 점을 제거하는 방법은 무엇입니까? 실제로 작은 점을 제거하려면 list-style-type: none; 태그에 대한 스타일을 설정하기만 하면 됩니다. list-style-type: none; 就可以去掉小圆点了。

    
    
     
     
    
    
    
    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>
    
    
    

    效果图:

    CSS에서 li 점을 제거하는 방법

    有序列表的序号也可以使用list-style-type: none;rrreee

    렌더링:

    CSS에서 li 점을 제거하는 방법

    순서가 지정된 목록의 순서 번호는 list-style-type: none; 스타일을 사용하여 제거할 수도 있습니다.

    css list-style-type 속성


    list-style-type 속성은 목록 항목 태그의 유형을 설정합니다. [추천 튜토리얼: CSS 동영상 튜토리얼]
    설정할 수 있는 속성 값은
    Value Description
    none 표시 없음.
    disc 기본값. 마커는 채워진 원입니다.
    표시는 속이 빈 원입니다.
    사각형 표시는 정사각형입니다.
    십진수 표시는 숫자입니다.
    decimal-leading-zero 0으로 시작하는 숫자 태그. (01, 02, 03 등)
    lower-roman 소문자 로마 숫자 (i, ii, iii, iv, v, etc.)
    upper-roman 대문자 로마 숫자 (I , II, III, IV, V 등 )
    lower-alpha 마커는 lower-alpha(a, b, c, d, e, etc.)
    upper-alpha 입니다. 마커는 대문자(A, B, C, D, E 등)
    lower-greek 소문자 그리스 문자(알파, 베타, 감마 등)
    lower-입니다. latin 소문자 라틴 문자(a, b, c, d, e 등)
    upper-latin 대문자 라틴 문자(A, B, C, D, E 등)
    hebrew 전통 히브리어 번호 매기기
    armenian 전통 아르메니아 번호 매기기
    georgian 전통 조지아어 번호 매기기(an, ban, gan 등)
    cjk-ideographic 간단한 표의 문자 숫자
    히라가나 표시는 a, i, u, e, o, ka, ki 등입니다. (일본어 히라가나 문자)
    katakana 표시는 A, I, U, E, O, KA, KI 등입니다. (일본어 가타카나 문자)
    hiragana-iroha 표시는 i, ro, ha, ni, ho, he, to 등입니다. (일본어 히라가나 일련 번호)
    katakana-iroha

    표시는 I, RO, HA, NI, HO, HE, TO 등입니다. (일본어 가타카나 일련 번호)

    🎜🎜🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 비디오🎜를 방문하세요! ! 🎜
  • 위 내용은 CSS에서 li 점을 제거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

    성명:
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.