リンク文字が動く

を付けるにはどうするの?? HTMLの基本をお勉強しよう♪(^0^)ノ°。 【HP Q&A】
ホームページ作成支援の【HP Q&A】

リンク文字が動く

当サイトは、ホームページを作る為の基本から
ホームページを使った応用技などをを紹介しています。

ホームページ作りのお役に立てれば幸いでございますです

TOPに戻る

「ホームページ」って何?
リンク文字が動く!!




背景画像を固定させるには、「スタイルシート」を使います。
スタイルシートは、<head>〜</head>内に記述して使います。

<head>〜</head>内に記述するとページ全体にスタイルシートの内容が適用されます。

リンクは表示させたい位置に入力してください。



HTML文書

  オンマウスでリンクの文字色が変わります
<style type="text/css">
<!--
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none}
a:hover {color:#FF0000; position:relative; top:1; left:1}
-->
</style>

ブラウザ表示

こちらを触ってみてね


a:linkは、リンクの何もしてない状態で
a:visited は、一度クリックした状態、
a:active は、クリックしたときの状態、
a:hoverは、マウスを乗せた時の事です。


a:hover {color:#FF0000; position:relative; top:1; left:1} の部分でずれる位置を指定します。
上下の位置は top:1 を、左右の位置は left:1 
の数字をそれぞれ設定してみて下さい。



小技編TOPへ
このサイトに掲載されている記事・写真・図表などの無断転載を禁じます。
Copyright (C) ホームページ作成支援の【HP Q&A 】】 All Rights Reserved