• ベストアンサー

画像の枠線に色をつけたい

HPに挿入した画像に枠線を付けたのですが、黒にしかなりません。他の色を指定するにはどうすればいいでしょうか。 初心者ですので 「img src=画像のURL」 のタグの後の記載なども教えていただけるとありがたいのですが、よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

スタイルをタグに直接書き込んでみてはどうですか? <IMG src="image.gif" border="0" style="border-width : 3px 3px 3px 3px;border-style : solid solid solid solid;border-color : blue blue blue blue;"> border-width : 線の幅 border-style : 線の種類 border-color : 線の色 それぞれの項目に4つ書いてあるのは、上の線、右の線、下の線、左の線をそれぞれ指定しているからです。 このように4本とも同じなら省略した書き方もあります。 スタイルシートについて勉強してみてはいかがですか? ホームページの幅が広がっておもしろいですよ。

toki1
質問者

お礼

素早いご親切な回答に感謝しています。 本当にありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

noname#117514
noname#117514
回答No.2

HTMLで枠線をつけるのも手ですが、 画像自体を加工して枠線をつけるのも手です。 JTrimなどの画像加工ソフトを使えば簡単にできますよ。

参考URL:
http://www.woodybells.com/jtrim.html
toki1
質問者

お礼

JTrim は私も使っていますが、気付きませんでした。 いろいろ試してみたいと思います。 ご指導ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • テーブル内画像の枠線の色

    DreamWeaverで製作中なのですが、テーブル内に画像を配置して、枠線を表示させたいのです。 ボーダー指定すると標準で黒なので、色指定してみようとやってみたのですが出来ませんでした。タグは以下の通りです。 <td rowspan="2" align="center" valign="middle"><img src="img/sports_small.jpg" width="111" height="136" border="2" bordercolor="#99cc00"></td> この後半の bordercolor="#99cc00" ではダメなのでしょうか?教えてください。

  • 画像の枠線に色をつける方法を探しています。

    画像の枠線に色をつける方法を探しています。 現在無料HP作成サイトでHPを作っているのですが、ポップアップウィンドのjavascriptを設定したところ 画像の枠線が消えてしまいました。 入力したのが↓です。 <a href="Javascript:w=window.open('/img/ronro/care2.jpg','ボタンサンプル','Width=200,Height=200');w.focus();"> <img border="1" width="100" height="100" alt="" src="/img/ronro/care.jpg" /></a> border="1"になっているのに表示されないんです。 色がついていないのか。枠線自体が表示されていないのか。分からず、 調べたところ、色をつけるにはスタイルシートを指定し直接書く方法があるとのことで style="border:solid 5px #000000" をつければ色をつけられるという事を発見しました。 それで、下記のように入力したところ <a href="Javascript:w=window.open('/img/ronro/care2.jpg','ボタンサンプル','Width=200,Height=200');w.focus();"> <img border="1" style="border:solid 5px #000000" width="100" height="100" alt="" src="/img/ronro/care.jpg" /></a> 枠線が太くなって表示されました。 どう書けば枠線を表示できるのでしょうか。 希望はborder="1"の時の太さがいいです。 HP作成初心者なのでタグがめちゃくちゃだと思います。色々なサイトから引用したため。 勉強不足で申し訳ありません。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 画像を横に並べると、枠線が出てしまう

    <table border="0"> <tr> <td><img src="画像ファイルのURL"></td> <td><img src="画像ファイルのURL"></td> <td><img src="画像ファイルのURL"></td> </tr> </table> これで、WPで作ったブログの画像を並べてみたのですが、 枠線を設定していないのに、細い枠線が出てしまいます。 <table> <tr> <td><img src="画像ファイルのURL"></td> <td><img src="画像ファイルのURL"></td> <td><img src="画像ファイルのURL"></td> </tr> </table> で、やっても枠線が出ます。 どのような記述にすれば、枠線が一切ない状態で並べることができるでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • ロールオーバー画像の枠線を消したい

    初めてホームページ作成中の超初心者です。 ロールオーバーで、下記のタグで表示させたのですが、画像の枠線が出てしまいました。 普通に<img src="img1.gif">と書くと出ない画像なんですが・・・ リンク画像の枠線を消すのと同じ要領でborder="0"とも書き加えてみましたが、(4ヶ所とも)今度は何も表示されなくなってしまいました。 <問題のタグのひな形> <a href="http://www-------"onmouseover = "document.bt.src = 'img1.gif'" onmouseout = "document.bt.src = 'img2.gif'"onclick = "document.bt.src = 'img3.gif'"><img src = "img2.gif" name="bt"></a> どうぞ宜しくお願いします!

  • 画像の枠線の色の指定

    FrontPageとHTML言語と両方を使いながらホームページを 作成しています。 写真に枠を設定したのですが、枠線の色がなぜかピンク色になってしまいます。画像の枠線の色は指定できないとありますが、他に指定の方法はないのでしょうか? どなたか、HTML言語に詳しい方、おしえてください。 ちなみに画像の設定はこのような記述をしています。 <p align="center"><img border="1" src="image/seminar/semi01.jpg" vspace="5" width="150" height="113"></a>

  • HTMLの画像枠線なしにするタグ記述教えて下さい

    タグ <ahref="........................."> <IMG src="AAAAAA/BBBBBB"></a> で画像の枠線なしにする方法ありますか?

  • HTMLタグで素材画像にリンクを貼ったら…

    HTMLタグで素材画像にリンクを貼ったら、その周りを紫色の四角い枠が、その素材画像を囲んでしまいます。 この四角い枠を無くす方法は無いでしょうか? <a href="HP URL" title="コメント"><img src="画像URL"></A> こういうタグなのですが。 何か足りないタグがあるのだと思うのですが分かりません。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • 画像を入れるときのタグ

    こんばんは! 私はgooのブログを書いている男子中学生なのですが、画像をブログに挿入できなくて困っています。 ブログのところに、【画像を選択】というところをクリックして画像を挿入すると、ブログの左上に表示されてしまい、 指定したいところに画像を挿入できません。 それで、教えて!gooの過去スレを見て、画像を選択をクリックした後、 そこに出たURLを使って【画像を挿入するタグ】を使えばいいとの答えがありました。 【画像を挿入するタグ】といわれても私には分からない…。 他のHP作成用のHPを見ても、あまり参考になりませんでした。 HTMLタグについて、勉強が足りないのかもしれません。 でも、分からないものは分からないので、 【ブログで画像を指定した場所に挿入する方法】を教えて頂ければ幸いです。 お願いします。

  • リンクで包括している画像とテキストの周りに枠線を表示させたい

    例えば画像だけにリンクしているなら枠線は画像の周りに表示されるのですが、 画像の下にテキストを置いて、その2つをリンクで囲むと、 テキストだけに枠線がかかるようになり、ちゃんと画像とテキストの周りに枠線が表示されません・・・ 理想としては次のようなかんじにしたいのですが、どう記述すればよいのでしょうか? ┌──┐ │画像│ │文字│ └──┘ <a href="画像へのURL" style="border: 1px solid rgb(51, 204, 255);"> <img src="image.jpg"><br>文字 </a> ↑ これだと枠線が画像とテキストを囲んでくれない

  • バナーの画像がblogで表示されない

    HPを開設し、ブログにリンクするようにしています。 HPのバナーを創ったので、HP内のリンクページに貼りました。 こちらは何とかうまくいったのですが、 blogの方が、画像が出ません「×」になっています。 タグは以下です。これでHP内は見えます。 (1)どんな原因が考えられるでしょうか。 (2)img srcのところ、「..」でなく先のURLにすると画像がグレーになります。なぜでしょうか? <a href="URL"><img src=" ../images/banner.gif" width="88" height="31" alt="テキスト" /> なお、別のブログ検索サイトのバナーは、そこが用意していたタグを 貼り付け、簡単にできました。よろしくお願いします。