반응형
SMALL
왜 내 미리보기와 강의선생님의 미리보기가 다른지 의문
| <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>layout2</title> <style> body {background: #b3e5fc;} #wrap {width: 1000px; height: 900px; margin: 0 auto; font-size: 40px; color:#fff; text-align: center; text-transform: uppercase;} #header {width: 1000px; height: 100px; line-height: 100px; background-color: #0277bd;} #nav {width: 1000px; height: 100px; line-height: 100px; background-color: #0288d1;} #side_left {float: left; width: 300px; height: 600px; line-height: 600px; background-color: #039be5;} #contents {float: left; width: 400px; height: 600px; line-height: 600px; background-color: #03a9f4;} #side_right {float: left; width: 300px; height: 600px; line-height: 600px; background-color: #29b6f6;} #footer {clear: both; width: 1000px; height: 100px; line-height: 100px; background-color: #0288d1;} </style> </head> <body> <div id="wrap"> <div id="header">header</div> <div id="nav">nav</div> <div id="side_left">side_left</div> <div id="contents">contents</div> <div id="side_right">side_right</div> <div id="footer">footer</div> </div> </body> </html> |
반응형
LIST
'웹 표준 사이트 만들기 > 레이아웃 구조 실습' 카테고리의 다른 글
| 웹 표준 사이트 만들기 6강 (0) | 2022.12.29 |
|---|---|
| 웹 표준 사이트 만들기 5강 (2) | 2022.12.29 |
| 웹 표준 사이트 만들기 4강 (0) | 2022.12.28 |
| 웹 표준 사이트 만들기 3강 (0) | 2022.12.28 |
| 웹 표준 사이트 만들기 1강 (0) | 2022.12.27 |
