목록 표시
- × 마이크
웹 디자이너 - × 처녀
지원하다 - × 여자
회계 원
기본 목록
- 처녀
- 이브
- 아담
경계 목록
- 처녀
- 이브
- 아담
목록 헤더
이름
- 처녀
- 이브
- 아담
예
<ul class="w3-ul w3-border">
<li><h2>Names</h2></li>
<li>Jill</li>
<li>Eve</li>
<li>Adam</li>
</ul>
»그에게 자신을보십시오 카드로 목록
- 처녀
- 이브
- 아담
중심 목록
- 처녀
- 이브
- 아담
컬러리스트
- 처녀
- 이브
- 아담
컬러 목록 항목
- 처녀
- 이브
- 아담
Hoverable 목록
W3-hoverable 클래스는 마우스 오버에 각 목록 항목에 회색 배경 색상을 추가합니다 :
- 처녀
- 이브
- 아담
특정 호버 색상을 원하는 경우, 각각의 <리> 요소에 W3-호버 - 클래스 중 하나를 추가합니다 :
- 처녀
- 이브
- 아담
폐쇄 목록
/이 목록 항목을 숨기 종료 문자 "X"를 클릭 :
- 질의 X
- 아담 X
- 이브 X
예
<li>Jill
<span onclick="this.parentElement.style.display='none'"
class="w3-closebtn w3-margin-right w3-medium">x</span>
</li>
»그에게 자신을보십시오 패딩 목록
- 처녀
- 이브
- 아담
- 처녀
- 이브
- 아담
예
<ul class="w3-ul">
<li class="w3-padding-hor-16">Jill</li>
<li
class="w3-padding-hor-16">Eve</li>
<li class="w3-padding-hor-16">Adam</li>
</ul>
»그에게 자신을보십시오 아바타 목록
- 엑스 마이크
웹 디자이너 - 엑스 처녀
지원하다 - 엑스 여자
회계 원
예
<ul class="w3-ul w3-card-4">
<li class="w3-padding-hor-16">
<span onclick="this.parentElement.style.display='none'"
class="w3-closebtn w3-padding">x</span>
<img src="img_avatar2.png"
class="w3-left w3-circle" style="width:60px">
<span
class="w3-xlarge">Mike</span><br>
<span>Web
Designer</span>
</li>
</ul>
»그에게 자신을보십시오 작은 목록
- 처녀
- 이브
- 아담
작은 목록
- 처녀
- 이브
- 아담
큰 목록
- 처녀
- 이브
- 아담
아주 크게 목록
- 처녀
- 이브
- 아담
XXLarge 목록
- 처녀
- 이브
- 아담
XXXLarge 목록
- 처녀
- 이브
- 아담
점보 목록
- 처녀
- 이브
- 아담