-
Notifications
You must be signed in to change notification settings - Fork 44
/
sample170_03.html
25 lines (23 loc) · 946 Bytes
/
sample170_03.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Layout03</title>
<style type="text/css">
body {background-color: #d1c4e9;}
#wrap {width: 1000px; height: 900px; margin: 0 auto; font-size: 40px; color:#fff; text-align: center; }
.side {float: left; width: 300px; height: 900px; line-height: 900px; background-color: #4527a0;}
.header {float: left; width: 700px; height: 300px; line-height: 300px; background-color: #512da8;}
.contents {float: left; width: 700px; height: 300px; line-height: 300px; background-color: #5e35b1;}
.footer {float: left; width: 700px; height: 300px; line-height: 300px; background-color: #673ab7;}
</style>
</head>
<body>
<div id="wrap">
<div class="side">side</div>
<div class="header">header</div>
<div class="contents">contents</div>
<div class="footer">footer</div>
</div>
</body>
</html>