10月 132011
 

灰色背景がサンプルソース薄緑背景が実際の見た目

サンプルソース

HTMLソース

<a href=”test.html”><img src=”test.jpg” alt=”画像代替テキスト”/></a>

CSSソース

CSSソース
a img {
border-style:none;
}

サンプル表示

木々

解説

HTMLソース

特にHTMLの方に記述することはありません。
普通に画像に対してリンクを張ればOKです。

CSSソース

CSSソース
a img {・・・}
このaの後にスペースを空けてimgと書く指定方法は、aタグの中にあるimgタグにのみ・・・を適用するという意味です。
つまり、リンク(a)を張られた画像(img)にのみ適用されるということです。

border-style:none;
これは、枠線を表示しない(none)という意味です。
上の説明と合わせると、リンクを張られた画像の枠線を表示しないという指定をしていることになります。

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>