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

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

a:hover.demo2-yellow

と正確に入力します

  • 「a:hover」=リンクにマウスを当てると
  • 「demo2-yellow」とクラス名をつけた部分が、今から設定するように変化します
307

(背景の色が薄めの色になるため、フォントは変化させません)

【リンクにマウスを当てると、リンクの行の背景が黄土色になる設定】

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

308 パターンタブで、背景色を黄色にします
309 もう一度、色の選択ボタンをクリックします
310 その他の色をクリックします
311 ユーザー設定をクリックします
312 濃淡のインジケーターをクリックします
313 黄土色のようになるまで、やや下にずらします
314 OKをクリックします
315 OKをクリックします
316 OKをクリックします
317 【リンクにマウスを当てると、リンクの行の幅が100%になる設定】

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

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

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

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