■

CSS課題

CSS06課題　　

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無題ドキュメント</title>
<style type="text/css">
*{
  margin:0;	
  padding:0;
	
	}
body{
  color:#666;
  font-size:0.8em;
  font-family:"ヒラギノ角ゴ","Hiragino Kaku Gothic Pro","MS Pゴシック",sans-serif;	
  text aline:center;
 	
	}	
#container{
	width:760px;
	height:650px;
	padding:10px 0 0 10px;	
	background-color:#DDD;
	}
#header{
	width:740px;
	height:115px;
	margin-bottom:10px;
	background-image:url("06images/header.gif");
	}
#navi01{
	width:740px;
	height:100px;
	margin-bottom:10px;
	background-image:url("06images/navi01.gif");
	}	
#navi02{
	width:740px;
	height:100px;
	margin-bottom:10px;
	background-image:url("06images/navi02.gif");
	}		
#navi03{
	width:740px;
	height:100px;
	margin-bottom:10px;
	background-image:url("06images/navi03.gif");
	}	
#navi04{
	width:740px;
	height:100px;
	margin-bottom:10px;
	background-image:url("06images/navi04.gif");
	}
#footer{
	width:740px;
	height:70pxs;
	}
#footer ul{
	float:right;
	}
address{
	text-align:center;
	}						
</style>
</head>

<body>
<div id="container"><!-- ▼#container -->

<div id="header"><!-- ▼#header -->
<font color="#DDD"><h1>TAG Design</h1></font>
</div><!-- ▲#header -->



<font color="#DDD">
<div id="navi01"><h3>ABOUT US</h3></div>
<div id="navi02"><h3>WORKS</h3></div>
<div id="navi03"><h3>ACCESS</h3></div>
<div id="navi04"><h3>CONTACT</h3></div>
</font>



<div id="footer"><!-- ▼#footer -->
<ul>
<li><a href="#">個人情報の取扱いについて</a></li>
<li><a href="#">サイトマップ</a></li>
</ul>
<address>Copyright &copy; 2012 WebDesign</address>
</div><!-- ▲#footer -->

</div><!-- ▲#container -->

</body>
</html>