シンプルなメニュー3
<ul>タグのデフォルトをリセット
<ul>タグのデフォルト値「左方向パディング」と「リストマーク」をリセットします。
- スタイルビューの「新しいスタイル」をクリックする。
- セレクター欄に「.right_box ul」と入力する。
- カテゴリー「ボックス」でpaddingとmarginを「0」に設定する。
- カテゴリー「リスト」でlist-style-hypeを「none」に設定し「適用」、「OK」をクリックする。
個条書きのデザイン
個条書きひとつひとつに対し、先頭に足跡マーク入れ、個条書き同士の間隔を調整します。
- スタイルビューの「新しいスタイル」をクリックする。
- セレクター欄に「.right_box li」と入力する。
- カテゴリー「ブロック」でline-heightを「1.3em」に設定する。
- カテゴリー「ボックス」でpadding-leftを「12px」にmargin-topを「4px」に設定する。
- カテゴリー「背景」でbackground-imageの「参照」をクリックし、現れたダイアルボックスで「footmark.gif」を選択して「開く」をクリックする。
- 元のダイアルボックスに戻るので、background-repeatを「no-repeat」に設定する。
- x方向、y方向のbackground-positionをそれぞれ「0px」、「2px」に設定し、「適用」、「OK」をクリックする。
