<!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>'웹 프로그래밍 > CSS' 카테고리의 다른 글
| [CSS] CSS의 등장배경(feat. HTML) 및 사용 방법 2가지 (0) | 2020.06.21 |
|---|---|
| [CSS] display:none VS visivility:hidden 차이 (0) | 2020.06.16 |
| [CSS] 애니메이션 효과 주기(transition-property, transition-property, transition-timing-function 등) (0) | 2020.06.15 |
| [CSS] 이미지 회전하기 (img 태그, transform : rotate, transform : translate, transform:skew) (0) | 2020.06.15 |
| [CSS] 접두어 webkit, moz, o, ms 의미 (0) | 2020.06.15 |
