スキップしてメイン コンテンツに移動

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

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

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


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

コメント

このブログの人気の投稿

趣味はなんですか?

 最近、仲間に趣味はなんですかって聞かれたらどう答えますか? う~ん、そうね。パソコンですかね。(いかにもオタクっぽいイメージがありますね。^^;) それともデータ処理ですかね。(ちょっと硬いイメージですかね。>_< もうちょっとよく考えると、データ探しですかね。まあ、一般の人は聞いてもわからないでしょうけど。

自己流思い付き

 長年契約してきたさくらインターネットのVPSに稼働しているWordpressが何らかのものに削除されました。幸い残したいものはこのブログに移したので、あまり困ったことはありませんでした。もうVPSを解約しようと思いますが、今年の11月までの契約なので、正直って迷っております。  職場のホームページサーバがMacmini上のピュアDebianなので、実験台としてVPSを契約したのですが、もう実験しないし、解約してもよいだと思います。   このブログもこれをきっかけにタイトルを変えました。

余裕ですかね。

  いまの自分はやることが多いが、意外と慌てず一歩一歩現場と歩んでいき、地道にデータ入力から可視化までの利便性、完全性と正確性を追求する余裕が出ております。SpotfireというBIツールにハマり、人に使い方を教えながらもまたその恩恵を受けているといういい循環も大きいですね。大体自分のようなポストにいる人たちはあまりプログラムを書く余裕もないだが、自分は幸せのほうと思います。