リンク先を画像なしの文章で紹介するよりも、サムネイル画像を一緒に表示した方が直感的に伝えやすい。シンプルなHTMLとCSSで可能。jQueryやJavaScriptは不要。 概要 次の「サムネイル付きリンク」のHTMLとCSSの構造や設定を解説する。このページではthumbnail-boxと呼称する。 持ち物の多さで海外旅行初心者だと分かり、中身を見れば不要品が詰まっている - はぴらき合理化幻想 ↑サンプルのthumbnail-box。 以前に、次のページでchrome拡張機能を紹介した。それに追加したコードの説明も兼ねている。 ブログ記事作成を効率化!サムネイル画像付きのリンクを2クリックで作成 - はぴらき合理化幻想 特長 サムネイルと記事タイトルを1つのaタグでリンク可能。サムネイルと記事タイトルで別々のaタグを使用しているコードが多いが、当ページで紹介するコードの方がシンプル。サ