A4版ホームページサンプル A4版網頁範例

<html>
	<head>
	<style>
	body {
	background: rgb(204,204,204);
	}
	paper[size="A4"] {
	background: white;
	width: 21cm;
	height: 29.7cm;
	display: block;
	margin: 0 auto;
	padding: 1cm;
	margin-bottom: 0.5cm;
	box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
	}

	@media print {
	body, paper[size="A4"] {
	margin: 0;
	box-shadow: 0;
	}
	}
	</style>
	</head>
	<body>
	<paper size="A4">
	<center>A4版網頁範例<br>
	A4版ホームページサンプル</center>
	</paper>
	<paper size="A4"></paper>
	<paper size="A4"></paper>
	<paper size="A4"></paper>
	<paper size="A4"></paper>
	</body>
	</html> 【20150221追記】左側に広告のサイトバーを追加したバージョンを作ってみました。印刷するときは、サイトバーが印刷されないようにしました。サンプルページはこちらです。

anything.9ten.net