리스트
<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 |