1. 程式人生 > >日記式之Html5基本佈局(2018.12.6)

日記式之Html5基本佈局(2018.12.6)

<html>
	<head>
		<meta charset="utf-8"/>
		<title>H5之簡易介面佈局</title>
	</head>
	<style type="text/css">
		#head{
			width:1350px;
			height:50px;
			background-color: gold;
		}
		#menu{
			width:50px;
			height:500px;
			background-color: gainsboro;
			float:left
		}
		#body{
			width:1350px;
			height:500px;
			background-color:burlywood;
		}
		#footer{
			width:1350px;
			height:50px;
			background-color: greenyellow;
		}
	</style>
	<body>
		<div id="head">
			頂部
		</div>
		<div id="menu">
			選單
		</div>
		<div id="body">
			主體
		</div>
		<div id="footer">
			底部
		</div>
	</body>
</html>