master

分支 (1)

管理

管理

master

h5
/
北京大学.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.top{
				width: 970px;
				height: 103px;
				margin: 0 auto;
			}
			.med{
				width: 970px;
				height: 435px;
				margin: 0 auto;
			}
			.bot{
				width:970px;
				height: 35px;
				background-color: blue;
				margin: 0 auto;
			}
			.top-L{
				width: 277px;
				margin: 8px;
				background-color: red;
			}
			.top-R{
				width: 679px;
			}

			.top-R-up{
				width: 137px;
				height: 49px;
				background-color: green;
				margin: 8px;
			}
			.top-R-down{
				height: 46px;
				background-color: green;
				margin: 8px;
			}
			.med-L{
				width: 310px;
				height: 435px;
				background-color: yellow;
				margin: 10px;
			}
			.med-R-up-L-top{
				width: 450px;
				height: 240px;
				background-color: blue;
				margin: 10px;
			}
			.med-R-up-L-med{
				width:450px;
				height: 110px;
			}
			.med-R-up-L-bot{
				width: 450px;
				height: 30px;
				margin: 10px;
			}
			.med-R-up-R{
				width: 190px;
				background-color: palevioletred;
				margin: 10px;
				display: block;
			}
		</style>
	</head>
	<body>
		<div class="top">
			<div class="top-L"></div>
			<div class="top-R">
				<div class="top-R-down"></div>
				<div class="top-R-up">
					<div class="med-R-up">
						<div class="med-R-up-L">
							<div class="med-R-up-L-top"></div>
							<div class="med-R-up-L-med"></div>
							<div class="med-R-up-L-bot"></div>
						</div>
						<div class="med-R-up-R"></div>

					</div>
					<div class="med-R-down"></div>
				</div>
			</div>
		</div>
		<div class="med">
			<div class="med-L"></div>
			<div class="med-R"></div>
		</div>
		<div class="bot"></div>
	</body>
</html>