当サイトは、インターネットエクスプローラーのセキュリティを「高」、プライバシーを「すべてのCookieをブロック」にすると、サクサク表示され、クリックしても安全です。
ソホネット(宝塚/パソコン家庭教師・ホームページ作成運営代行・パソコン関連事務代行)

【FrontPage2003ダイナミックWebテンプレートでホームページ作成】024:ダイナミックWebテンプレートにCSSを適用する(3)
赤チームのスタイルをこのように設定します(この上にマウスをあててください)
No. 簡単な説明 操作画像(クリック→拡大ウィンドウ表示)
299 新規作成をクリックします
300 名前セレクタに

a:hover.demo2-red

と正確に入力します

  • 「a:hover」=リンクにマウスを当てると
  • 「demo2-red」とクラス名をつけた部分が、今から設定するように変化します
301 【リンクにマウスを当てると、リンクの文字の色が白になる設定】

書式設定をクリック→フォントをクリックします

302 同様に、色を白に設定、テキストを修飾をしないにチェックを入れて、OKをクリックします
298 【リンクにマウスを当てると、リンクの行の背景が赤になる設定】

書式設定をクリック→枠線をクリックします

299 背景を赤にして、OKをクリックします
300 【リンクにマウスを当てると、リンクの行の幅が100%になる設定】

書式設定をクリック→配置をクリックします

301 以下のように設定して、OKをクリックします
  • 折り返しのスタイル=なし
  • 配置のスタイル=なし
  • 幅=半角英数で「100%」と入力(%を忘れないこと!)
  • 高さ=空白のままで放置する(何も入力しないこと!)
302 【リンクにマウスを当てると、リンクの段落行の高さが150%になる設定】

書式設定をクリック→段落をクリックします

303 行間を「1.5行」にします
304 OKをクリックします
ナビメニュー
 
累計