リンクに設定した画像には枠がつきます。
この枠をカスタマイズする方法を紹介します。


スタイルシートの末尾に次の記述を追加してください。

a img {
border-top: #999999 1px solid;
border-right: #999999 1px solid;
border-left: #999999 1px solid;
border-bottom: #999999 1px solid;
}

四辺ある枠の一つ一つを個別に設定できます。
上記の場合、上から上辺、右辺、左辺、下辺の順で色、幅、形を設定しています。

形はsolid（実線）の他にdotted（点線）、dashed（粗い点線）、double（二重線）、groove（谷線）、ridge（山線）、inset（内線）、outset（外線）等があります。

枠を消したい場合は次の記述をスタイルシートの末尾に追加してください。

a img {
border:none;
}

【関連記事】

• 記事に投稿したリンク画像だけ枠を変える
  

関連記事

• コメントの表示順序を変える (2009/03/19)
• アイコン付きツリー化リンク (2008/06/15)
• 記事に投稿したリンク画像だけ枠を変える (2008/06/14)
• リンク画像の枠を変える (2008/06/09)
• ブログSEO（記事ページごとにブログタイトルを記事タイトルに変える） (2007/09/02)
• 『最新の記事』の便利ナビに「NEW」マークを表示する (2007/05/27)
• 個別記事ページの文末に広告などを表示させる (2007/05/14)