CSSで飾れるか

ページは、テーブルレイアウトではなく、CSSで基本的にはいろいろ装飾できるはずですが、CSSだけで作っているものは、どうも型が決まっているような気がします。アクセシビリティを考えると、画像が多いページがいいとも思えませんが、根がアナログ人間なので見て楽しいページがやはり好き。角が丸かったり、インデックスのようなタブがあったりするのも見やすいと思うし、アズレージョの背景が現れると『おおっ』てな感じです。

ところが、テーブルで配置する方法は記述されていてもCSSで作る方法がわかりません。他のページを参考に、試行錯誤した結果がこのページです。IE、OPERA、MOZILLA で確認しましたが、どれも最新バージョンなので、どのブラウザーまで対応できていることか。

<div>のブロックの中にリストマークなしの<li>を入れ、その下に<div>で同じ色の背景のブロックをつけています。