画像の枠について

同カテゴリ

　　© ダイキン工業

　さて、上の二つはどう違うのか？
　カーソルを画像に載せてみてください。

◆左は<img src="画像URL" border=2 style="border-color:blue;" alt="ぴちょんくん">
◆右は<a href="http://" title="あて先なしURLリンク"><img src="画像URL"></a>

　そのちがいは、色と太さを指定しているものと、あて先のないリンクをつけて外枠を表示しているもの。
　環境によっては表示が違っているかもしれない。
　ちょっとこの右の状態を見かけて気になったのだが、
　リンクを貼ってありながらリンクがない状態は、見る人に不親切ではないだろうか。
　今日もリンクがあるのかと勘違いしてクリックしている人がいっぱいいることだろう。

　で、ちょっと面倒くさく見える色と太さの指定であるが、当然変更が利くわけでこちらを使ったほうが実は便利です。

　　

◆<img src="画像URL" border=5 style="border-color:red;" alt="赤５">
◆<img src="画像URL" border=1 style="border-color:green;" alt="緑１">
◆<img src="画像URL" border=9 style="border-color:#99ffcc;" alt="#99ffcc９">

　因みに、画像にリンクをつけたときに、枠が要らないのであれば、border=0にすれば良い。

 

同カテゴリ