>  기사  >  웹 프론트엔드  >  CSS는 list-style-type 속성을 사용하여 텍스트 뒤에 표시합니다.

CSS는 list-style-type 속성을 사용하여 텍스트 뒤에 표시합니다.

黄舟
黄舟원래의
2017-06-29 13:45:341783검색

Css는 list-style-type 속성을 사용하여 텍스트 뒤에 표시합니다.

날짜에 표시되는 검은 점은 무엇입니까?

CSS는 list-style-type 속성을 사용하여 텍스트 뒤에 표시합니다.

첫 번째 경우에는 list-style-을 직접 수정합니다. position: external ;은 list-style-position:inside입니다. 그렇지 않은 경우 추가하세요.

방법 2: list-style-position:outside;의 경우 목록 기호가 표시될 위치를 남겨두세요. 예를 들어, 두 번째 경우에는 li margin-left: 50px에 속성을 추가하고, 부동 요소를 직접 부동합니다.

확장: list-style-type: 목록 스타일 정의
disc: 점
원: 원
square: 정사각형
decimal: 숫자(예: 1, 2, 3,, ...., 11, 12, 13)
십진수-선행-0: 십진수, 두 자리 미만은 선행 0으로 채워집니다. 예: 01, 02, 03, ..., 98, 99
lower-roman: 소문자 로마 텍스트, 예: i, ii, iii, iv, v, ...
upper-roman: 대문자 로마 문자(예: I, II, III, IV, V, ...
lower-greek: 소문자 그리스 문자, 예: α( alpha), β(beta ), γ(gamma), ...
lower-latin: 소문자 라틴어, 예: a, b, c, ... z
upper-latin: 대문자 라틴어, 예: A, B, C, .. . Z
armenian: 아르메니아 숫자
georgian: 조지아 숫자, 예: an, ban, gan, ..., he, tan, in, in-an, ...
lower-alpha: 소문자 라틴어(예: a , b, c, ... z
upper-alpha: 대문자 라틴어(예: A, B, C, ...) Z
none: 없음(모든 목록 스타일 취소)
inherit: 상속
사용자 정의 이미지: list-style:square inside url

약어 규칙: list-style:square inside url('arrow.gif'); 앞의 파란색 사각형은 목록 기호 list-style-type이고 가운데 빨간색은 목록 스타일 위치 로케이터이고, 끝에 있는 녹색 URL은 이미지 경로 list-style-image입니다. 이 이미지가 존재하지 않으면 이전 사각형을 덮어씁니다. 사각형으로 표시됩니다.

.cen5 li a{display:inline-block;width:480px;height:20px;line-height:20px;margin-top:3px}
.ileft{display:inline-block}

글 앞에 검은 점을 써주셔도 되고,

  • 연락처
  • 등 사진을 올려주셔도 됩니다
    배경사진으로 올려주셔도 됩니다 ,

    위 내용은 CSS는 list-style-type 속성을 사용하여 텍스트 뒤에 표시합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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