HTML・CSSでサムネイル付きリンクを自作してみるHTML・CSSでサムネイル付きリンクを自作してみる自分でHTMLとCSSを書き込みWebサイトを作ったときに、サムネイル付きのリンクを作りたくて試行錯誤したときの記録です。ブログによくある関連記事のリンクみたいな感じで作りたいな~と思いました。640px){.thumb_link{width:95%;}}CSS試行錯誤記録サムネイル付きのリンクを表示するDIV要素を作ります。幅=500pxセンタリングにします。auto;}CSSa要素内にサムネイルになる画像が左に表示されるように入れてみます。img要素の横に並ぶように「float:left;」を入れているので、DIV要素で解除するために「clear:both;」を入れます。画像のサイズは最大120px。img{padding:0;width:auto;height:auto;max-width:120px;max-height:120px;float:left;}CSS画像とリンクの文字がくっついているので、画像の右側余白を2%に設定してみます。img{margin-right:2%;padding:0;width:auto;height:auto;max-width:120px;max-height:120px;float:left;}CSS2つを縦に並べてみると上の段とくっついているので、DIV要素の下余白を5%に設定してみます。auto;clear:both;}レスポンシブに対応するために、DIV要素が95%になるように設定してみます。Reserved.このページの先頭へ。