<html>
<head>
<title>클래스 선택자 백그라운드 색 추가</title>
<style>
/*CLASS 선택자*/
.red{
color: red;
}
.blue{
color: blue;
}
.canyi{
color: ivory;
width: 500;
font-size: 20pt;
background-color: blue;
}
</style>
</head>
<body>
<h1 class="red">사과</h1>
<p>아쿠아</p>
<h1 class="red">복숭아</h1>
<h1 class="red">석류</h1>
<h2 class="canyi">포도</h2>
<h2 class="canyi">블루베리</h2>
</body>
</html>
글자에 배경색을 추가하고 싶다! 그러면 background-color : 색 ; 을 사용하자.
