ボタンリンクについて

[新着] Webテンプレートを仮オープンしました



0   名前: 佐藤 : 2007/03/07(水) 09:33  ID:D64iOheO sub-Ds
ボタンリンクにカーソルをあわせたときに
そのままだと赤い枠がでますが、
その枠の色を変えることはできませんか?
意味が分からなかったらすみません。

1   名前: アヤ : 2007/03/07(水) 09:33  ID:I/L72zbC sub-0y
http://www.tagindex.com/html_tag/form/input_button.html
ボタンリンクとは上記のことですか?
特に設定などしなければ、枠は現れませんけど・・・。その状態になるページを提示できれば、どなたかが原因を見つけてくださるかもしれません。

2   名前: はな : 2007/03/07(水) 09:33  ID:ck7SJeh2 sub-bK
もしかして、画像ボタンのリンクのことですか?
タグは、これです。
<a href="index.html"><img src="sample.gif" alt="サンプル" border="0"></a>
このタグの意味は、sampleという名前のgifファイルをボタンとして使い、index.htmlというファイルにリンクするということです。
イメージタグ内にborder="0"を挿入することで、枠が消えます。
<img src="画像のファイル名or画像URL">
のままでは、この画像をリンクボタンとして使ったときに、枠が表示されてしまいます。
<img src="画像のファイル名or画像URL" border="0">
だと枠は出なくなります。

3   名前: sakura_saku!! : 2007/03/07(水) 09:33  ID:ngEqKzEb sub-Cl
>>2 の続きということで。
a:hover{border:3px dotted green;}

CSSでリンクに関する設定を追加すると簡単に画像の枠線を変更できます。
ただ、上記例のように単純に設定したのでは 他のリンク要素全てに影響しますので class又はidを指定すると良いと思いますよ。


一覧へ戻る