웹 프로그래밍/CSS

[CSS] 반응형으로 배경색 바꾸기 (미디어쿼리, @media)

산을넘는다 2020. 6. 15. 17:48 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
	body {
		background-color:  gray;
	}
	
	@media screen and (max-width: 1000px) {
		body {
			background-color: orange;
		}
	}
	
	@media screen and (max-width: 700px) {
		body {
			background-color: pink;
		}
	}
	
</style>
</head>
<body>
	헬로오오
	<h2>안녕하세용</h2>
</body>
</html>