■
(Dreamweaver CS3による)
●テキストをボタンのようにデザインする。
1.ターゲットテキストを選択。
2.「<a>」をクリック。
3.「新規CSSルール」ボタンをクリック。
4.セレクタ名(例えば「#container #nav a」)を確認し[OK]をクリック。
5.[カテゴリ]の[タイプ]をクリック。「飾り」「なし」を選択。(リンクの下線を表示しない場合)
カラー指定をする。
6.行頭記号を背景イメージで指定。
[カテゴリ]の[背景]にて、背景色、背景イメージ、繰り返しの有無、水平・垂直の位置を指定。
7.ブロックを指定する。
(ブロックの概念をイマイチ理解出来ていない。ボックス指定だけでは何故駄目なのか、調べる事)
8.パディングを指定する。[カテゴリ]の[ボックス]より。
●オンカーソル時のボタン表示変更。
1.ターゲットテキストを選択。
2.「<a>」をクリック。
3.「新規CSSルール」ボタンをクリック。
4.セレクタ名(例えば「#container #nav a:hover」)a:hoverを追加し[OK]をクリック。
5.[カテゴリ]の[背景]をクリック。背景色、背景イメージを指定する。