再挑戦への記録☆目指せ☆ちょこちょこアフィリエイター☆

画像の枠

《ＨＴＭＬタグの基本知識ＩＮＤＥＸ》

いろいろタグ	テキスト装飾	フォント	テキスト（おまけ）	バナーリンクの貼り方	アクセスアップ	水平区切り線
文字を囲む線	画像の枠	テーブルタグ	豆知識	色の名前	画像リンクの方法	楽天友達の輪

《画　像　の　枠》

　枠　な　し　

<IMG SRC="http://plaza.rakuten.co.jp/img/user/25/93/2032593/157.jpg" width="144" height="176" border="0" >

画像ソースの一番うしろに、半角スペースを入れborder="0"で枠なしになるよ。

　border="2"　

<IMG SRC="http://plaza.rakuten.co.jp/img/user/25/93/2032593/157.jpg" width="144" height="176" border="2" >

画像ソースの一番うしろに、半角スペースを入れborder="1"を入れると枠がつき、border="2"で少し太くなるよ。border="太さ（数字）"を変えることで枠の太さが変わってくるよ。

　border="6"　

　枠の色を変更する　

試行錯誤を重ね、やっと出来ました(^o^)／

<p style="width:144; height:176; border-style:solid; border-width:4px; border-color:#ff0000;"><IMG SRC="http://plaza.rakuten.co.jp/img/user/25/93/2032593/157.jpg" width="144" height="176"></p>

※widthとheightの数字は、画像のサイズです。
　border-widthは、枠の太さをピクセルで指定します。
　いろいろ変更してみてください。
　border-colorが枠の色です。ここでは分かりやすくするために赤を指定。