©TCP-tryWWW

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>CSS3 Media Query</title>
	<style>
		@media screen {
			body {
				background-color: black;
				color: white;
			}
		}
		@media print {
			body {
				background-color: white;
				color: black;
			}
		}
	</style>
</head>

<body>

	<h1>미디어 쿼리를 이용한 기기별 배경색 설정</h1>
	<p>웹 브라우저에서 실행하면 배경색을 black으로, 글자색을 white로 표현해 줍니다.<br>
		하지만 프린트를 하게 되면 배경색을 white로, 글자색을 black으로 바꿔서 표현해 줍니다.
	</p>
	<p>웹 브라우저를 프린트해서 확인해 보세요!</p>

</body>

</html>