縦書きサンプル

縦書きページのための簡単なサンプルを以下に示します。サンプルは自由に使っていただいて構いません。

なおこれらのサンプルには、ページの構造がわかりやすいようにbody要素やdiv要素の背景色にsilvergraywhiteなどを指定してあるものがあります。実際にサンプルを使用する場合には、これらの色指定は好みに合わせて変更・削除してください。

またサンプルの</head>タグの後には、ファイルをアップロードした後に自動挿入されたJavaScriptのコードがありますので、これも削除してください。

サンプルに使用したファイルは、青空文庫からダウンロードしたものをもとにしています。

サンプル1
シンプルな例。
サンプル2
GeoCitiesなどでページ上部に挿入される広告に対応。
サンプル3
iswebなどでページの上部と下部に挿入される広告に対応。ただしOpera6.05で表示した場合、下の広告が本文と重なってしまう。
サンプル4
ヘッダ付き、おすすめ。(2003/03/18 一部変更、説明追加)

* * *

なお、縦書き電撃文庫系ランキング場)には、ヘッダやフッタもとり入れ、印刷にも対応したサンプルが掲載されています。