🚧表示のテスト中です🚧
テストしてます。
記事ではありません
スイマセン
1.あかさたなは
2.あかさたなは
3.あかさたなは
4.あかさたなは
5.あかさたなは
6.あかさたなは
この枠のみ色付け | ここは何もなし |
この行に色付け | この行に色付け |
カッテネ
【CSSファイル】
4リンク
六行目はリンクの数。
<div class="kattene__btns __five">
ボタンが1つなら__one、2つなら__two、3つなら__three、4つなら__four、5つなら__fiveとなります。
4リンク
<div class="kattene"> <div class="kattene__imgpart"><a target="_blank" href="【メインのURL】"><img src="【画像URL】"></a></div> <div class="kattene__infopart"> <div class="kattene__title"><a target="_blank" href="【メインのURL】">【タイトル】</a></div> <div class="kattene__description">【説明】</div> <div class="kattene__btns __four"> <div><a class="kattene__btn __orange" target="_blank" href="【商品のURL】">Amazon</a></div> <div><a class="kattene__btn __blue" target="_blank" href="【商品のURL】">Kindle</a></div> <div><a class="kattene__btn __red" target="_blank" href="【商品のURL】">楽天</a></div> <div><a class="kattene__btn __green" target="_blank" href="【商品のURL】">楽天Kobo</a></div> </div> </div> </div> 5リンク <div class="kattene"> <div class="kattene__imgpart"><a target="_blank" href="【メインのURL】"><img src="【画像URL】"></a></div> <div class="kattene__infopart"> <div class="kattene__title"><a target="_blank" href="【メインのURL】">【タイトル】</a></div> <div class="kattene__description">【説明】</div> <div class="kattene__btns __five"> <div><a class="kattene__btn __orange" target="_blank" href="【商品のURL】">Amazon</a></div> <div><a class="kattene__btn __blue" target="_blank" href="【商品のURL】">Kindle</a></div> <div><a class="kattene__btn __red" target="_blank" href="【商品のURL】">楽天</a></div> <div><a class="kattene__btn __green" target="_blank" href="【商品のURL】">楽天Kobo</a></div> <div><a class="kattene__btn __pink" target="_blank" href="【商品のURL】">audiobook</a></div> </div> </div> </div> 3リンク <div class="kattene"> <div class="kattene__imgpart"><a target="_blank" href="【メインのURL】"><img src="【画像URL】"></a></div> <div class="kattene__infopart"> <div class="kattene__title"><a target="_blank" href="【メインのURL】">【タイトル】</a></div> <div class="kattene__description">【説明】</div> <div class="kattene__btns __five"> <div><a class="kattene__btn __orange" target="_blank" href="【商品のURL】">Amazon</a></div> <div><a class="kattene__btn __blue" target="_blank" href="【商品のURL】">Kindle</a></div> <div><a class="kattene__btn __red" target="_blank" href="【商品のURL】">楽天</a></div> </div> </div> </div>