画像に枠をつける事は出来ますか？

日記の中の画像に格好良く枠をつけたいです。
文章を枠で囲む方法は こちらで見つけたのですが…。
同じように、希望するときだけ画像に枠をつける事は出来ますか？

宜しくお願いします。

おはようございます。その記事の本人です。(^^)

画像のタグにクラス属性を付け足して、CSS にその指示を書き込んでも良いですし、画像のタグに直接スタイル指定を書き込んでも OK です。考え方は、参考にしていただいた記事と変わりはありません。

■ クラス属性を付けて、CSS で指示。

<img border="0" src="画像のアドレス" width="画像幅" height="画像高さ" class="gazouwaku">

CSS に ・・・

.gazouwaku{
border:1px solid #0000FF;
}

画像によって色々な枠にその都度変更したいのあれば、あらかじめそのスタイルを CSS に書き込んで用意しておきます。例えば ・・・

.gazouwaku1{***}
.gazouwaku2{***}
.gazouwaku3{***}

当然、画像のタグにはその時に応じて、class="gazouwaku1" などとクラスの中の記述を変えます。

■ 画像のタグに直接スタイル指定を書き込む。
こっちのほうが楽かもしれません。

<img border="0" src="画像のアドレス" width="画像幅" height="画像高さ" style="border: 1px solid #0000FF">

と直接スタイル指定します。中に記述する例として・・・。

style="border: 1px solid #FF0000"
style="border: 1px dotted #FF0000"
style="border: 1px dashed #FF0000"
style="border: 3px double #FF0000"
style="border: 3px groove #C0C0C0"
style="border: 3px ridge #C0C0C0"
style="border: 1px inset #C0C0C0"
style="border: 1px outset #C0C0C0"

などと色々あるので、自身で px数 や、カラーコードをさわってみて、どのように変化するかを確かめて下さい。その内に、頭の中で理解できてくると、自由自在に画像の周りに枠を貼ることができるようになると思いますよ。(^^)

これも、HTMLタグを入れる必要がありますので、
WYSIWYGエディタをお使いの場合は、「HTMLを確認する」にチェックを入れて、HTMLタグを表示する状態にして作業します。

リンクの付いていない画像のHTMLタグは、このようになっています。

<img src="http:// ～ " alt=" ～ " class="pict" align="left"
height="～" hspace="5" width="～">

この中に

border="枠の幅"

と入れやれば、枠ができます。
枠の幅が10pxなら

<img src="http:// ～ " alt=" ～ " class="pict" align="left"
height="～" hspace="5" width="～" border="10">

となります。

このままでは、枠の色が黒くなって、葬式写真のようですから、
色を付けたい場合は、

style="border-color: rgb(枠の色);"

というのも入れてやります。
枠の色は、R,G,Bの色指定を0から255までの数字で入れます。
緑の枠にしたければ、

style="border-color: rgb(0, 255, 0);"

になります。
全体としては、

<img style="border-color: rgb(0, 255, 0);" src="http:// ～ "
…… width="～" border="10">

こんな感じです。
色の指定は、 rgb(0, 255, 0) の代わりに、#00ff00 のような方法もできますが、WYSIWYGエディタの場合、確認すると、rgb(0, 255, 0) の形に変わってしまいます。

枠線の形を変えたい場合は、style="の後に

border-style: 線種;

を付けてやります。（色々指定したい場合は、回答1.のようにまとめたほうが良いかも。）
指定できる形は、dotted（点線）、dashed（破線）、double（2本線）、groove（凹んで見える）、ridge（飛び出して見える）、inset（枠の内側が凹む）、outset（外側が凹む）です。
点線にしたい場合は、

border-style: dotted;

で、全体としては、

<img style="border-style: dotted; border-color: rgb(0, 255, 0);"
…… width="～" border="10">

となります。