본문 바로가기

HTML,CSS

리스트

리스트

<ol> (Ordered List) : 순서가 있는 리스트

<li> (List item)

<ul> (Undered List) : 순서가 없는 리스트

<!DOCTYPE html>
<html>
<head>
  <title>list</title>
  <meta charset ="utf-8">
</head>
<body>

  <ol>
    <li>라면</li>
    <li>치킨</li>
    <li>피자</li>
  </ol>
</body>
</html>

결과창

<ol type="A">.. </ol> 로하면 번호가 A,B,C로 매겨진다.

이외에서 "a"로 하면 소문자로 번호가 매겨지고, type을 "i"로 쓰면 로마숫자 소문자로 매겨진다

 

 

<ul> 태그는 기본적으로 왼쪽에 40px의 padding이 있다.

ul {
	padding-left: 0;
}

을 하게 되면 왼쪽의 패딩을 없애버릴 수 있다.

'HTML,CSS' 카테고리의 다른 글

세로 가운데 정렬  (0) 2021.08.18
display  (0) 2021.08.10
CSS의 다양한 단위들  (0) 2021.07.23
세번째 웹페이지 - 코딩의 민족  (0) 2021.07.21
배경 이미지  (0) 2021.07.21