지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > CSS 튜토리얼 > 본문

CSS 목록 스타일은 무엇입니까? CSS로 목록 스타일을 설정하는 방법

不言
풀어 주다： 2018-08-18 14:05:34
원래의
4267명이 탐색했습니다.

목록의 CSS 스타일은 무엇이며 CSS 목록 스타일을 설정하는 방법은 무엇입니까? 다음 기사에서는 CSS 목록 스타일을 소개합니다.

1. CSS 정렬 목록(ol) 및 CSS 비정렬 목록(ul)
list.html

<!doctype html><html><head>
    <meta charset="utf-8">
    <title>列表样式</title>
    <link href="box.css" type="text/css" rel="stylesheet"></head><body>
   <p>
        <ul>
            <li>水果              <ol>
                <li>苹果</li>
                <li>香蕉</li>
                <li>梨子</li>
              </ol>
            </li>
        </ul>
    </p></body></html>
로그인 후 복사

2. CSS 목록 레이블 스타일 list-style-type
속성 값:
원; 속이 빈 원
디스크; 채워진 원
십진수
list.css

 ul>li{
     list-style-type:circle;
     }
ul>li>ol>li{
    list-style-type:disc;
    }
로그인 후 복사

3. CSS 라벨 스타일 list-style-position 표시 방법
속성값: 외부(텍스트 외부, 기본값)
inside (텍스트 포함)
list.css

ul{
    text-align: center;    
    list-style-position:outside;
    }
ul>li{
    list-style-type:circle;
    }
ul>li>ol>li{
    list-style-type:disc;
    }
로그인 후 복사

관련 추천:

CSS 모든 목록 스타일 유형_html/css_WEB-ITnose

CSS: 목록 스타일(목록 항목의 로고 패턴/위치 설정) _html/ css_WEB-ITnose

가져온 스타일시트 CSS와 링크된 스타일시트 CSS의 차이점

위 내용은 CSS 목록 스타일은 무엇입니까? CSS로 목록 스타일을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
css列表样式
원천：php.cn
이전 기사：CSS에서 하이퍼링크를 설정하는 방법은 무엇입니까? CSS 하이퍼링크 스타일을 설정하는 방법 다음 기사：CSS로 테이블 스타일을 설정하는 방법은 무엇입니까? CSS로 테이블 스타일을 설정하는 방법
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
쿼리와 수식은 새 열로 전체 테이블을 형성합니다. 여기서 새 열은 다른 조건부 열 값을 포함하는 수식입니다. 편집: 수식은 "값" 열(카테고리를 기준으로 user_id가 가장 낮은 "값" 열)이어야 합니다. 따라서 카테고리 "...
에서 2024-04-06 21:23:40
0
2
530
Javafx에서 인라인 CSS 스타일을 동적으로 수정합니다. 응용프로그램이 최대화되었을 때 창의 배경 이미지를 변경하려고 합니다. 내 배경은 인라인 CSS를 사용하여 설정됩니다. 스타일에 대해 두 개의 다른 변수와 if 문...
에서 2024-04-06 20:57:16
0
1
487
MySQL SQL 쿼리를 사용하여 다른 테이블의 필드 합계를 계산합니다. 다음과 같은 스키마가 있습니다. "user_id" 및 "username" 속성이 있는 사용자 테이블과 "custome...
에서 2024-04-06 19:39:29
0
1
441
MySQL: "<여기 변수 또는 하위 쿼리>로...에서 텍스트 선택" 다음 데이터가 포함된 다음 테이블이 있습니다. id 텍스트 언어 1 독일어 텍스트 독일어 2 영어 텍스트 영어 내가 원하는 것은 다음 형식의 결과를 얻는 것입니다...
에서 2024-04-06 19:25:54
0
2
529
SCSS를 사용하여 기본값 및 CSS 변수 생성 웹사이트 스타일링을 구현하고 있습니다. 레거시 지원상의 이유로 적어도 한동안은 IE11을 지원해야 합니다. 작업 흐름과 제정신의 이유로 가능할 때마다 CSS 변수...
에서 2024-04-06 17:46:54
0
1
355
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿