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追記】 左側に広告のサイトバーを追加したバージョンを作ってみました。 印刷するときは、サイトバーが印刷されないようにしました。 サンプルページはこちらです。 |
コメント
コメントを投稿