[CSS] 목록 (ul, ol, dl)

[CSS] 목록 (ul, ol, dl) updated_at: 2024-08-06 10:07

목록 (ul, ol, dl)

리스트에는 <ul>, <ol>, <dl>세가지가 있다.

Unordered List

<ul>은 하위로 <li> 엘리먼트를 갖게 되고 각 <li>엘리먼트의 앞부분에는 불렛이 나타나게 된다.

Ordered List

<ol>은 하위로 <li> 엘리먼트를 갖게 되고 각 <li>엘리먼트의 앞부분에는 자동적으로 숫자가 나오게 된다.

Definition List

<dl>은 하위로 <dt><dd>엘리먼트를 갖게 된다. <dt>는 term을 <dd>는 definition 을 나타낸다.

html

<ul id="list">
  <li><a href="list.html?id=34&type=blah">item 34</a></li>
  <li><a href="list.html?id=35&type=blah">item 35</a></li>
  ...
  ...
  <li><a href="list.html?id=99&type=blah">item 99</a></li>
</ul>

css

ul#list a:link, ul#list a:visited {
  color: #999;
}

See the Pen 링크에 다양한 색상 넣기 by younghyeong ryu (@wangta69) on CodePen.

평점을 남겨주세요
평점 : 5.0
총 투표수 : 1

질문 및 답글