2015年2月19日木曜日

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追記】

左側に広告のサイトバーを追加したバージョンを作ってみました。

印刷するときは、サイトバーが印刷されないようにしました。


サンプルページはこちらです。

0 件のコメント:

コメントを投稿