www.wanichan.com

サイドバーのリストメニューの設定

Section 5 サイドバーのリストメニューの設定

リンク文字のスタイルを設定するには

項目内全体をリンク対象とするために、ブロック単位で表示(display:block)し、リンク文字のアンダーラインを消して、項目内のパディングを5ピクセル設定します。

  1. [書式設定]-[新規スタイル]をクリックするか、[スタイルの適用]パネルの[新しいスタイル]をクリックします。
  2. [新しいスタイル]ダイアログボックスの[セレクター]ボックスには、「#left_col li a」と入力します。最初の「.」も消すことを忘れないように注意しましょう。
  3. [定義先]は「既存のスタイルシート」、URLは「style.css」が選択されていることを確認します。
  4. [カテゴリ]ボックスから[レイアウト]を選択します。
  5. [display]ボックスのドロップダウンボックスより「block」を選択します。
  6. [カテゴリ]ボックスから[ボックス]を選択します。
  7. [padding]の[すべて同じにする]のチェックはつけたままにして、「5px」と指定します。
  8. [カテゴリ]ボックスから[フォント]を選択します。
  9. [color]ボックスからテキストの色を選択し、[text-decoration]オプションから「none」にチェックをつけて[OK]ボタンをクリックします。
  10. リンクが張った項目のスタイルが適用されました。

スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

▲このページのトップへ