• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Lists</title>
7
    <style>
8
        ul {
9
            background: #D2691E;
10
            padding: 15px;
11
        }
12
        ol {
13
            background: #6495ED;
14
            padding: 15px;
15
        }
16
        ul li {
17
            background: #DEB887;
18
            margin: 5px;
19
        }
20
        ol li {
21
            background: #00FFFF;
22
            margin-left: 15px;
23
        }
24
    </style>
25
</head>
26
​
27
<body>
28
​
29
    <h1>리스트 요소별 배경색 설정</h1>
30
​
31
    <ul>
32
        <li>사과</li>
33
        <li>멜론</li>
34
        <li>바나나</li>
35
    </ul>
36
​
37
    <ol>
38
        <li>감자</li>
39
        <li>상추</li>
40
        <li>고구마</li>
41
    </ol>
42
​
43
</body>
44
​
45
</html>