| 一覧 | ホーム | 検索 | ログ | 管理 |



  リンク文字の色。 - かえで Send Email (女性) - 2002-03-21 14:06:21 削除
はじめまして。どなたか質問に答えてください。
リンク文字の色のことなんですが、何もしないときが黒、
マウスを乗せた時は青、一度押した後は赤のように3回色を
変えることは出来るのでしょうか?出来るようでしたら、タグ
などを詳しく教えてください。お願いします。

Re: リンク文字の色。 - 冴 Send Email (女性) - 2002-03-21 14:41:37 (ホームページ) 削除
こんにちは、かえでさん。
ご質問の件は、スタイルシートを使えば可能です。

a:link{ color : black;} //通常時
a:hover{ color : blue;} //マウスを乗せたとき
a:active{ color : blue;} //クリックしたとき
a:visited{ color : red;} //訪問後

以上をスタイルシートファイル(拡張子.css)に記述し、
<head></head>タグの間に

<link rel=stylesheet type=”text/css” href=”***.css”>

と記述します(すべて半角にしてください)。
***にはスタイルシートファイル名を指定してください。

詳しくはリファレンスを見たほうがよいと思います。
http://tohoho.wakusei.ne.jp/
などが詳しいですよ。

Re: リンク文字の色。 - かえで Send Email (女性) - 2002-03-21 17:47:06 削除
冴さん、答えてくだって本当にありがとうございます。

a:link{color〜とスタイルシートファイルに記述する部分は
<html>やなどのタグも全部打つのでしょうか?
杜甫々さんのページには,などは省略すると
書いてあったのですが・・・。

それと、スタイルシートファイルにはどうやったら保存できますか?
普通(?)に保存したら拡張子が.txtのファイルに保存されて
しまうんです。

ホントに何度もすみません。
初めてHP作ったんで、分からない事だらけなんです(汗)



Re: リンク文字の色。 - co Send Email (男性) - 2002-03-21 18:49:27 (ホームページ) 削除
いきなり外部ファイルでは難しくないですか?
HTMLの<HEAD>...</HEAD>の間に

<STYLE>
<!--
a:link{ color : black;}
a:hover{ color : blue;}
a:active{ color : blue;}
a:visited{ color : red;}
-->
</STYLE>

と記述するだけでよいですよ。(半角で)

外部ファイルとして保存するなら命名するときに拡張子まで
指定しないとすべてテキストファイル(.txt)とみなされてしまいます。
CSSをマスターするとぐっと技術の幅が広がりますよね。
がんばってください。

Re: リンク文字の色。 - 冴 Send Email (女性) - 2002-03-21 19:27:05 (ホームページ) 削除
確かに最初から外部参照は難しいですね。申し訳ありません。
でもリンクはほぼ全てのHTMLに記述することになると思うと、
外部のほうがいいような気もします。

To.かえでさん
もし外部ファイルにするのであれば、<html>等のタグは
必要ありませんよ。a:link〜のみで大丈夫です。

coさんの補足になりますが、
cssファイルはメモ帳などで記述し、保存する際に
ファイルの種類を「全てのファイル(*.*)」を選択して
拡張子まで指定すれば作成できます(windowsメモ帳の場合)。

どうぞがんばってくださいね

Re: リンク文字の色。 - かえで Send Email (女性) - 2002-03-21 22:19:33 削除
冴さん、COさん本当にありがとうございました!!
お二人が分かり易く教えてくださったおかげで、
なんとか無事リンク文字の色を変えることができました。


これからもお世話になるかもしれませんので、
その時はよろしくお願いします。


お名前:
メールアドレス:
件名:
ホームページ:    性別:  
メッセージ:
アイコン:   アイコン一覧表示   アイコンのURL: 
色:                        
  パスワード:    
携帯絵文字掲示板
レンタルサーバー:FC2