リンク画像の枠線を消す方法

写真やバナーなどの画像にリンクを設定すると、外枠が表示される場合がありますが、この枠線を消すにはどうすればよいのでしょうか？
いくつか方法がありますので、それぞれ説明します。

[対策1] CSSのみで設定

スタイルシートで、リンク画像の枠線を非表示に設定します。この方法の場合、すべてのリンク画像に適用されます。

■ CSSの編集

スタイルシートで、a要素のimg要素に、枠線の非表示を設定します。

または、



[対策２] 任意のクラスで指定

画像によって、枠線を表示・非表示にしたい場合は、任意のクラスで、枠線の表示・非表示を設定します。この方法の場合、htmlでそのクラスを指定した画像に適用されます。

■ CSSの編集

スタイルシートで、任意のクラス名を作成し、枠線の非表示を設定します。

■ HTMLの編集

htmlのimg要素に、class属性を追加します。

[対策3] HTMLのみで指定（style属性）

htmlのimg要素に、style要素を追加し、枠線の非表示を設定します。

■ HTMLの編集

htmlのimg要素に、style属性を追加します。

[対策4] HTMLのみで指定（border属性）

htmlのimg要素に、border属性を追加し、枠線の非表示を設定します。
但し、HTML4.0からは　border属性は、非推奨の記述となっています。

■ HTMLの編集

htmlのimg要素に、border属性を追加します。

以上、リンク画像の枠線を消す方法を説明しました。

1クリックの応援で、質問に丁寧にお答えします＾＾