- ベストアンサー
画像の枠線の色の指定
FrontPageとHTML言語と両方を使いながらホームページを 作成しています。 写真に枠を設定したのですが、枠線の色がなぜかピンク色になってしまいます。画像の枠線の色は指定できないとありますが、他に指定の方法はないのでしょうか？ どなたか、HTML言語に詳しい方、おしえてください。 ちなみに画像の設定はこのような記述をしています。 <p align="center"><img border="1" src="image/seminar/semi01.jpg" vspace="5" width="150" height="113"></a>
- may524
- お礼率88% (15/17)
- その他(ソフトウェア)
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
ご質問にあります、 <p align="center"><img border="1" src="image/seminar/semi01.jpg" vspace="5" width="150" height="113"></a> は、HTMLの構文としてちょっと誤りがあるようですが・・ <P>に対応する</p>がありませんし、</a>に対応する<a>がありませんよ。 <img>は、<a> ～ </a> に囲まれた、リンク元としているのでしょうか？ リンク元としているのでしたら、border の色は、<body> で指定した link（未訪問のリンク色） alink（マウスでポイント中のリンク色） vlink（訪問済みのリンク色） または、それぞれを指定していないときのブラウザ設定の色で表示されてしまいます。 写真の上下の余白 vspace="5" を、どの様に表現したいかによりますが、単に写真の四辺に均等な幅で、任意の色の枠線を付けたいだけでしたら、入れ子にした table の中に写真を入れるようにしては如何でしょうか？ <table border="0" cellspacing="3" cellpadding="0" bgcolor="#0033cc"> <tr> <td> <table width="150" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#ffffff"><img border="0" src="image/seminar/semi01.jpg" width="150" height="113"></td> </tr> </table> </td> </tr> </table> 上の記述例では、枠線の無い背景色をブルーにした1×1のマスで出来た table の内側に、四辺から3pixelの幅を持たせて白い背景色の1×1のマスの table を入れて、更にその中に写真を入れた例です。 <table cellspacing="任意の数値" bgcolor="任意の枠線の色"> <td bgcolor="ページの背景色"> に替えておためし下さい。 また、CSS（スタイルシート）で枠線を表示させる方法もあります。 <head> ～ </head> 間に次のように記述します。 <style type="text/css"> <!-- .wakusen { border-color: #0033cc; border-width: 3px } --> </style> <body> ～ </body> の写真を表示させる部分の記述を、 <img class="wakusen" border="0" src="image/seminar/semi01.jpg" width="150" height="113"> としても、同じ効果が得られます。
お礼
記述文を部分的に削除していたので、</p>や<a>が抜けてしまっていましたね。 原因がわかりました。bodyの記述にリンクの色を指定してあって、その色がピンク（FF6666）になっていました。 画像にリンクをはっていたので、ピンクになっていたのでした。 的確な回答ありがとうございました。 これから覚えるのなら、スタイルシートが便利だと思うので、そちらで勉強していきたいと思います。