리스트 그룹 생성 방법

CSS를 사용하여 기본 목록을 '리스트 그룹'으로 변환하는 방법 배우기

  • Adele
  • Agnes
  • Billy
  • Bob
  • Calvin
  • Christina
  • Cindy

직접 시도해 보세요

리스트 그룹 생성 방법

第一步 - HTML 추가:

<ul>
  <li>Adele</li>
  <li>Agnes</li>
  <li>Billy</li>
  <li>Bob</li>
  <li>Calvin</li>
  <li>Christina</li>
  <li>Cindy</li>
</ul>

第二步 - CSS 추가:

ul {
  list-style-type: none; /* 목록점 제거 */
  padding: 0; /* 내취약도 제거 */
  margin: 0; /* 외취약도 제거 */
}
ul li {
  border: 1px solid #ddd; /* 각리스트항에細뾰직경계선 추가 */
  margin-top: -1px; /* 양쪽프레임 방지 */
  background-color: #f6f6f6; /* 회색배경색 추가 */
  padding: 12px; /* 추가了一些내취약도 */
}

직접 시도해 보세요

관련 페이지

강의:CSS 목록