HTML의 UL(순서가 없는 목록)은 항목 목록을 만드는 데 사용되는 반면, li(목록 항목)은 목록의 개별 항목을 나타냅니다. 사용 방법은 다음과 같습니다. 순서가 지정되지 않은 목록 만들기:
목록 스타일 지정: 마크업 유형, 패딩 및 간격 수정과 같은 CSS 스타일을 통해 중첩 목록 사용 :
- Item
- 프로젝트
- 하위 프로젝트
HTML Medium ul 사용 방법 ul과 li
ul과 li가 뭐예요?
ul과 li를 어떻게 사용하나요?
순서 없는 목록 만들기:
<code class="html"><ul> <!-- 无序列表中的项目 --> </ul></code>
목록 항목 추가:
<code class="html"><ul> <li>项目 1</li> <li>项目 2</li> <li>项目 3</li> </ul></code>
목록 스타일 설정
CSS 스타일을 통해 순서 없는 목록의 모양을 설정할 수 있습니다. 예:
<code class="css">ul { list-style-type: none; /* 去除默认的圆点标记 */ padding: 0; /* 设置内边距为 0 */ } li { display: inline-block; /* 设置列表项为内联元素 */ margin-right: 10px; /* 设置列表项之间的间距 */ }</code>
중첩 목록 사용
중첩 목록을 사용하여 다단계 목록을 만들 수 있습니다.
<code class="html"><ul> <li>项目 1 <ul> <li>子项目 1</li> <li>子项目 2</li> </ul> </li> <li>项目 2</li> </ul></code>
위 내용은 HTML에서 ul과 li를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!