もどる

リスト

UL の例

• ペイントショッププロ
• インターネットエクスプローラ

OL の例

1. ペイントショッププロ
2. インターネットエクスプローラ

DL の例

いぬ

雪が降ると庭をかけまわる動物

ねこ

雪が降るとこたつで丸くなる動物

もどる

以下は解説です

●このページには次のスタイルを使用しています。主に左の余白を多くしたいためです。ol,dl,ul とコンマで指定しているのは、この３つを全部まとめて指定する書き方です。

H1{text-align:center;}
h2{
  margin:1% 1% 1% 1%;
  background-color:#99ff99;
  color:#03c;
  }
ol, dl, ul{
  margin: 2% 10% 2% 5%;
  padding: 0 0 0 5%;
  line-height: 160%;
  }
dt {
  color:#006600;
  font-weight:bolder;
  }

●Firefoxでもインターネットエクスプローラでも同じレイアウトにするためには margin と padding の両方を指定する必要があります。

●ul には、"・" を画像にする方法があります。

ul{list-style-image:url(images/blue.gif);}

もどる