CSS의 hover와 active를 이용하여 메뉴 마우스 올렸을때, 클릭했을때 각각 색깔을 지정해주었고
nth-of-type(odd)을 사용하여 .main2 안에 테이블 홀수 마다 색깔을 지정해주었다
::after로 .main1안에 리스트 옆에 스티커(?)를 붙여주었다 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body {
background-color: gray;
}
header {
width: 1200px;
text-align: center;
background-color: white;
border-radius: 30px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
#logo {
display: inline-block;
width: 300px;
height: 200px;
margin-left: auto;
margin-right: auto;
}
menu h3 {
display: inline-block;
border: 3px solid black;
border-radius: 20px;
padding: 10px;
margin-left: 20px;
}
header h3:hover{
background-color: rgba(83, 78, 78, 0.612);
}
header h3:active{
background-color: rgba(0, 0, 0, 0.612);
}
main {
text-align: center;
background-color: white;
border-radius: 30px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
width: 1200px; height: ;
}
.main1 {
display: inline-block;
float: left;
text-align: left;
background-color: rgba(128, 128, 128, 0.453);
width: 570px;
padding-left: 10px;
margin-left: 30px;
border-radius: 30px;
margin-bottom: 30px;
height: 300px;
}
.main2 {
display: inline-block;
text-align: left;
background-color: rgba(128, 128, 128, 0.453);
width: 570px; height: 300px;
padding-left: 10px;
border-radius: 30px;
margin-bottom: 30px;
}
tr:nth-of-type(odd) { /* odd : 홀수 */
background-color: rgba(255, 255, 0, 0.61);
}
.li1::after {
content: "hot"; /* html 요소가 아니라 직접 써줘야함 */
background-color: red;
font-size: 10pt; border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
}
.li2::after {
content: "new"; /* html 요소가 아니라 직접 써줘야함 */
background-color: blue;
font-size: 10pt; border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
}
.li3::after {
content: "♥"; /* html 요소가 아니라 직접 써줘야함 */
background-color: hotpink;
color: white;
font-size: 10pt; border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
}
footer {
width: 1200px; height: 400px;
text-align: center;
background-color: white;
border-radius: 30px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
img {
width: 350px;
}
.view {
display: inline-block;
width: 350px; height:300px; text-align:left;
cursor: pointer;
}
.nodeJs {
display: inline-block;
width: 350px; height:300px; text-align:left;
cursor: pointer;
}
.bootStrap {
display: inline-block;
width: 350px; height:300px; text-align:left;
cursor: pointer;
}
</style>
</head>
<body>
<header>
<svg id="logo" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" version="1.1" xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" preserveAspectRatio="xMidYMid meet" viewBox="0 0 198.96780395507812 147.00001525878906" overflow="visible"><defs id="SvgjsDefs1002"></defs><g id="SvgjsG1008" transform="scale(0.5497563121000243)" opacity="1"><g id="SvgjsG1009" class="0irmsyQEuI" transform="translate(115.8144, 0) scale(1.302912)" light-content="false" non-strokable="false" fill="#262626"><path d="M24 0h76v76c0 13.255-10.745 24-24 24H0V24C0 10.745 10.745 0 24 0z"></path></g><g id="SvgjsG1010" class="jnLZSLNea9" transform="translate(135.34632140625, 19.5325433203125) scale(0.178176)" light-content="true" non-strokable="false" fill="#ffffff"><path d="M132.919 490H98.782c-17.284 0-31.345-14.059-31.345-31.338V298.649h31.345v160.013l34.137-.007V490zm200.583-224.319c-45.66 27.738-108.09 27.737-153.748 0-14.107 17.13-22.58 39.074-22.58 62.997v160.898h44.494v-91.977h31.345v91.977h44.99v-91.977h31.345v91.977h46.733V328.678c.001-23.924-8.472-45.868-22.579-62.997zm9.786-180.732c4.702-24.106-4.509-47.867-23.751-62.949-13.162 9.003-26.134 22.219-25.784 39.211-24.542-7.568-46.306-7.51-70.708.045-2.38-15.197-15.015-36.567-30.725-38.398a63.7 63.7 0 0 0-18.657 59.076c-22.22 17.351-36.028 41.607-36.028 68.455 0 52.747 53.274 95.506 118.992 95.506s118.992-42.759 118.992-95.506c.001-25.326-12.286-48.346-32.331-65.44zm54.093 52.285h48.438v31.345h-48.438zM66.188 168.579l.272-31.345 49.966.434-.272 31.345z"></path></g><g id="SvgjsG1011" class="text" transform="translate(182.52000427246094, 203.0511983215332) scale(1)" light-content="false" fill="#262626"><path d="M-144.6 -8.64L-151.68 -8.64L-151.68 -46.86L-144.6 -46.86ZM-158.4 -33.54C-158.4 -31.9 -158.72 -30.35 -159.36 -28.89C-160 -27.43 -160.87 -26.16 -161.97 -25.08C-163.07 -24 -164.35 -23.14 -165.81 -22.5C-167.27 -21.86 -168.82 -21.54 -170.46 -21.54C-172.1 -21.54 -173.64 -21.86 -175.08 -22.5C-176.52 -23.14 -177.8 -24 -178.92 -25.08C-180.04 -26.16 -180.92 -27.43 -181.56 -28.89C-182.2 -30.35 -182.52 -31.9 -182.52 -33.54C-182.52 -34.86 -182.31 -36.13 -181.89 -37.35C-181.47 -38.57 -180.88 -39.69 -180.12 -40.71C-179.36 -41.73 -178.46 -42.61 -177.42 -43.35C-176.38 -44.09 -175.24 -44.66 -174 -45.06L-174 -47.76L-166.92 -47.76L-166.92 -45.06C-165.68 -44.7 -164.54 -44.15 -163.5 -43.41C-162.46 -42.67 -161.56 -41.8 -160.8 -40.8C-160.04 -39.8 -159.45 -38.68 -159.03 -37.44C-158.61 -36.2 -158.4 -34.9 -158.4 -33.54ZM-165.48 -33.54C-165.48 -35.06 -165.96 -36.32 -166.92 -37.32C-167.88 -38.32 -169.06 -38.82 -170.46 -38.82C-171.82 -38.82 -172.99 -38.32 -173.97 -37.32C-174.95 -36.32 -175.44 -35.06 -175.44 -33.54C-175.44 -32.02 -174.95 -30.76 -173.97 -29.76C-172.99 -28.76 -171.82 -28.26 -170.46 -28.26C-169.06 -28.26 -167.88 -28.76 -166.92 -29.76C-165.96 -30.76 -165.48 -32.02 -165.48 -33.54ZM-144 10.74L-164.94 10.74C-165.66 10.74 -166.34 10.6 -166.98 10.32C-167.62 10.04 -168.18 9.66 -168.66 9.18C-169.14 8.7 -169.52 8.13 -169.8 7.47C-170.08 6.81 -170.22 6.12 -170.22 5.4L-170.22 -9.9L-163.14 -9.9L-163.14 3.9L-144 3.9Z M-95.1 -25.62L-102.24 -25.62L-102.24 -38.82L-121.5 -38.82L-121.5 -45.66L-95.1 -45.66ZM-83.4 -15.36L-132.6 -15.36L-132.6 -22.2L-113.88 -22.2L-113.88 -32.16L-106.8 -32.16L-106.8 -22.2L-83.4 -22.2ZM-95.7 0.6C-95.7 2.2 -96.04 3.69 -96.72 5.07C-97.4 6.45 -98.3 7.65 -99.42 8.67C-100.54 9.69 -101.85 10.49 -103.35 11.07C-104.85 11.65 -106.4 11.94 -108 11.94C-109.64 11.94 -111.2 11.65 -112.68 11.07C-114.16 10.49 -115.46 9.69 -116.58 8.67C-117.7 7.65 -118.6 6.45 -119.28 5.07C-119.96 3.69 -120.3 2.2 -120.3 0.6C-120.3 -0.96 -119.97 -2.42 -119.31 -3.78C-118.65 -5.14 -117.75 -6.33 -116.61 -7.35C-115.47 -8.37 -114.16 -9.18 -112.68 -9.78C-111.2 -10.38 -109.64 -10.68 -108 -10.68C-106.4 -10.68 -104.85 -10.38 -103.35 -9.78C-101.85 -9.18 -100.54 -8.37 -99.42 -7.35C-98.3 -6.33 -97.4 -5.14 -96.72 -3.78C-96.04 -2.42 -95.7 -0.96 -95.7 0.6ZM-102.84 0.6C-102.84 -0.68 -103.34 -1.76 -104.34 -2.64C-105.34 -3.52 -106.56 -3.96 -108 -3.96C-109.44 -3.96 -110.66 -3.52 -111.66 -2.64C-112.66 -1.76 -113.16 -0.68 -113.16 0.6C-113.16 1.92 -112.66 3.02 -111.66 3.9C-110.66 4.78 -109.44 5.22 -108 5.22C-106.56 5.22 -105.34 4.78 -104.34 3.9C-103.34 3.02 -102.84 1.92 -102.84 0.6Z M-36.6 -3.06L-43.68 -3.06L-43.68 -46.86L-36.6 -46.86ZM-48.84 -21.66L-55.08 -18.6L-62.52 -33L-69.9 -18.6L-76.14 -21.66L-67.2 -38.88L-73.86 -38.88L-73.86 -45.72L-51.12 -45.72L-51.12 -38.88L-57.78 -38.88Z M13.5 -25.02L-7.62 -25.02C-8.34 -25.02 -9.02 -25.16 -9.66 -25.44C-10.3 -25.72 -10.86 -26.1 -11.34 -26.58C-11.82 -27.06 -12.2 -27.63 -12.48 -28.29C-12.76 -28.95 -12.9 -29.64 -12.9 -30.36L-12.9 -45.66L-5.76 -45.66L-5.76 -31.86L13.5 -31.86ZM24.6 -13.56L-24.6 -13.56L-24.6 -20.46L24.6 -20.46ZM12.3 0.6C12.3 2.2 11.96 3.69 11.28 5.07C10.6 6.45 9.7 7.65 8.58 8.67C7.46 9.69 6.15 10.49 4.65 11.07C3.15 11.65 1.6 11.94 0 11.94C-1.64 11.94 -3.2 11.65 -4.68 11.07C-6.16 10.49 -7.46 9.69 -8.58 8.67C-9.7 7.65 -10.6 6.45 -11.28 5.07C-11.96 3.69 -12.3 2.2 -12.3 0.6C-12.3 -0.96 -11.97 -2.42 -11.31 -3.78C-10.65 -5.14 -9.75 -6.33 -8.61 -7.35C-7.47 -8.37 -6.16 -9.18 -4.68 -9.78C-3.2 -10.38 -1.64 -10.68 0 -10.68C1.6 -10.68 3.15 -10.38 4.65 -9.78C6.15 -9.18 7.46 -8.37 8.58 -7.35C9.7 -6.33 10.6 -5.14 11.28 -3.78C11.96 -2.42 12.3 -0.96 12.3 0.6ZM5.16 0.6C5.16 -0.68 4.66 -1.76 3.66 -2.64C2.66 -3.52 1.44 -3.96 0 -3.96C-1.44 -3.96 -2.66 -3.52 -3.66 -2.64C-4.66 -1.76 -5.16 -0.68 -5.16 0.6C-5.16 1.92 -4.66 3.02 -3.66 3.9C-2.66 4.78 -1.44 5.22 0 5.22C1.44 5.22 2.66 4.78 3.66 3.9C4.66 3.02 5.16 1.92 5.16 0.6Z M40.8 -29.46L34.8 -29.46L34.8 -36.3L46.5 -36.3L48.6 -38.82L34.2 -38.82L34.2 -45.66L55.14 -45.66L59.58 -41.28L40.5 -18.24L35.1 -22.56ZM71.4 5.4C71.4 6.12 71.26 6.81 70.98 7.47C70.7 8.13 70.32 8.7 69.84 9.18C69.36 9.66 68.8 10.04 68.16 10.32C67.52 10.6 66.84 10.74 66.12 10.74L51.06 10.74C50.34 10.74 49.66 10.6 49.02 10.32C48.38 10.04 47.82 9.66 47.34 9.18C46.86 8.7 46.48 8.13 46.2 7.47C45.92 6.81 45.78 6.12 45.78 5.4L45.78 -12.24L64.32 -12.24L64.32 -28.5L55.08 -28.5L55.08 -35.4L64.32 -35.4L64.32 -46.86L71.4 -46.86L71.4 -12.24ZM64.32 3.9L64.32 -5.4L52.86 -5.4L52.86 3.9Z M104.82 -29.64L111.18 -29.64L111.18 -38.82L104.82 -38.82ZM122.64 -22.8L93.36 -22.8L93.36 -29.64L97.74 -29.64L97.74 -38.82L93.6 -38.82L93.6 -45.66L122.4 -45.66L122.4 -38.82L118.26 -38.82L118.26 -29.64L122.64 -29.64ZM105.12 -0.06L97.98 -0.06L97.98 -12L83.4 -12L83.4 -18.84L132.6 -18.84L132.6 -12L118.02 -12L118.02 -0.06L110.88 -0.06L110.88 -12L105.12 -12Z M179.4 -3.06L172.32 -3.06L172.32 -29.28L164.22 -29.28L164.22 -36.06L172.32 -36.06L172.32 -46.86L179.4 -46.86ZM164.94 -18.18L147.48 -18.18C146.76 -18.18 146.08 -18.32 145.44 -18.6C144.8 -18.88 144.24 -19.26 143.76 -19.74C143.28 -20.22 142.9 -20.79 142.62 -21.45C142.34 -22.11 142.2 -22.8 142.2 -23.52L142.2 -45.72L164.34 -45.72L164.34 -39.18L149.28 -39.18L149.28 -35.28L162.6 -35.28L162.6 -28.92L149.28 -28.92L149.28 -24.72L164.94 -24.72Z"></path></g><g id="SvgjsG1012" class="text" transform="translate(181.1100015258789, 260.85120061035155) scale(1)" light-content="false" fill="#262626"><path d="M-34.8 -5.91L-59.4 -5.91L-59.4 -8.76L-48.6 -8.76L-48.6 -12.06L-51 -12.06C-51.66 -12.06 -52.23 -12.3 -52.69 -12.76C-53.17 -13.23 -53.4 -13.8 -53.4 -14.46L-53.4 -22.26L-40.8 -22.26L-40.8 -19.41L-50.4 -19.41L-50.4 -14.91L-40.5 -14.91L-40.5 -12.06L-45.6 -12.06L-45.6 -8.76L-34.8 -8.76ZM-40.5 5.94L-51 5.94C-51.66 5.94 -52.23 5.71 -52.69 5.24C-53.17 4.76 -53.4 4.2 -53.4 3.54L-53.4 -2.76L-50.4 -2.76L-50.4 3.09L-40.5 3.09Z M-11.97 -11.85L-14.49 -10.26L-18.45 -16.83L-22.41 -10.26L-24.93 -11.85L-20.31 -19.41L-24 -19.41L-24 -22.26L-12.9 -22.26L-12.9 -19.41L-16.59 -19.41ZM-5.1 6.54L-15.6 6.54C-16.26 6.54 -16.83 6.31 -17.3 5.84C-17.76 5.36 -18 4.8 -18 4.14L-18 -0.78L-8.4 -0.78L-8.4 -2.76L-18 -2.76L-18 -5.46L-8.4 -5.46L-8.4 -22.86L-5.4 -22.86L-5.4 -17.91L-1.5 -17.91L-1.5 -15.06L-5.4 -15.06L-5.4 -5.46L-5.4 1.83L-15 1.83L-15 3.84L-5.1 3.84Z M29.1 6.54L18.6 6.54C17.94 6.54 17.37 6.31 16.9 5.84C16.44 5.36 16.2 4.8 16.2 4.14L16.2 -0.78L25.8 -0.78L25.8 -2.76L16.2 -2.76L16.2 -5.46L25.8 -5.46L25.8 -15.06L21.3 -15.06L21.3 -12.96C21.3 -12.3 21.06 -11.73 20.6 -11.26C20.13 -10.8 19.56 -10.56 18.9 -10.56L12.6 -10.56C11.94 -10.56 11.38 -10.8 10.9 -11.26C10.44 -11.73 10.2 -12.3 10.2 -12.96L10.2 -22.41L13.2 -22.41L13.2 -19.41L18.3 -19.41L18.3 -22.41L21.3 -22.41L21.3 -17.91L25.8 -17.91L25.8 -22.86L28.8 -22.86L28.8 -5.46L28.8 1.83L19.2 1.83L19.2 3.84L29.1 3.84ZM18.3 -13.41L18.3 -16.56L13.2 -16.56L13.2 -13.41Z M59.1 -14.16L55.2 -14.16L55.2 -0.96L52.2 -0.96L52.2 -22.86L55.2 -22.86L55.2 -17.01L59.1 -17.01ZM48.75 -10.35L46.11 -9.06L42.15 -16.77L38.19 -9.06L35.55 -10.35L40.26 -19.41L36.6 -19.41L36.6 -22.26L47.7 -22.26L47.7 -19.41L44.04 -19.41Z"></path></g></g></svg>
<h3>widht 1200px / 아래 메뉴에 hover active 적용하기</h3>
<menu>
<h3 class="menu">메뉴</h3>
<h3 class="gongzi">공지사항</h3>
<h3 class="gallery">갤러리</h3>
<h3 class="webdi">웹디자인기능사</h3>
<h3>접수 6월 8일</h3>
</menu>
</header>
<main>
<h3>section 영역 width:1200px height:400px</h3>
<div class="main1">
<h3>width:570px</h3>
<h3>메뉴</h3>
<li class="li1">리스트1</li>
<li class="li1">리스트2</li>
<li class="li1">리스트3</li>
<li class="li2">리스트4</li>
<li class="li3">리스트5</li>
<li class="li3">리스트6</li>
</div>
<div class="main2">
<h3>width:570px height:300px</h3>
<table style="border: 1px solid black;">
<tr>
<td>table 홀수 줄에 색깔 넣기</td>
<td>table 홀수 줄에 색깔 넣기</td>
</tr>
<tr>
<td>CSS에 tr.nth-of-type 스타일 사용</td>
<td>CSS에 tr.nth-of-type 스타일 사용</td>
</tr>
<tr>
<td>홀수는 odd</td>
<td>홀수는 odd</td>
</tr>
<tr>
<td>짝수는 odd</td>
<td>짝수는 odd</td>
</tr>
<tr>
<td>홀수 줄</td>
<td>홀수 줄</td>
</tr>
</table>
</table>
</div>
</main>
<footer>
<h3>section 영역 width:1200px height:400px</h3>
<h3>div로 박스 3개 구현, width:350px height:300px</h3>
<div class="view">
<img src="https://static.javatpoint.com/tutorial/vue-js/images/vue-js2.png" alt="">
<h4>뷰</h4>
<h4>1~2학기 예정</h4>
</div>
<div class="nodeJs">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Node.js_logo.svg/1200px-Node.js_logo.svg.png" alt="" style="width: 300px;">
<h4>노드.js</h4>
<h4>2학기 예정</h4>
</div>
<div class="bootStrap">
<img src="data:image/png;base64,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" alt="">
<h4>부트스트랩</h4>
<h4>1학기</h4>
</div>
</main>
</body>
</html>
꿈꾸는 개발자