ホームページ作成講座では、これからホームページを作成しようとしている人に、ホームページの作成方法を基本から、
HTML、スタイルシート、
アクセスアップ、アフィリエイトまで解説します。「初心者のかたにも分かる」を目標にしています。 このページがあなたのお役に立てれば幸いです。
アクセスアップ、アフィリエイトまで解説します。「初心者のかたにも分かる」を目標にしています。 このページがあなたのお役に立てれば幸いです。
|
ホームページ作成の後
その他
ホームページ作成(気楽版)
アフィリエイト(詳細版) 管理人コラム レンタルサーバー比較初心者 メルマガバックナンバー 無料レポート、無料冊子 顔文字無料辞書 ホームページ(サイト)マップ 検索エンジンWorldSearch 運営者情報
リンク集
マウスがリンクの上に乗ったらリンクを下にずらすプロパティposition: top: left: 値relative 値で指定 値で指定 スタイルシートでマウスがリンクの上に乗ったときにリンクの文字の位置をずらすにはposition: top: left:プロパティを使います。 まずpositionの値にはrelativeを指定します。これは相対的に位置を位置をずらすという感じの意味です。 そしてtop、leftプロパティでずれる幅を指定します。 ソース例 <html> <head> <title>ホームページ作成・サンプル６</title> <style type="text/css"> a:hover { position:relative; top:2px; left:2px; } </style> </head> <body> <a href="../onunder.html">戻る</a> <br><br> <a href="../../../index.html">ホームページ作成・HTML</a> <br><br> マウスをリンクの上にもっていくとリンクがずれます。 </body> </html> 表示例はこちら ＜＜ 「マウスがリンクの上に乗ったらリンクの色を個別に変える」へ 「マウスがリンクの上に乗ったらリンク部分の背景色を変える」へ ＞＞ ホームページ作成とHTML＞＞スタイルシートの書き方講座＞＞マウスがリンクの上に乗ったらリンクを下にずらす |
Hiroto.A