CSS에서 li 점을 제거하는 방법-CSS 튜토리얼-php.cn

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

青灯夜游

풀어 주다： 2023-01-03 09:31:59

원래의

13152명이 탐색했습니다.

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 등입니다. (일본어 히라가나 일련 번호)