ブログ記事に欠かせない「アイキャッチ画像」とは、読んで字のごとく「読者の目線を引きつける画像」のことです。 トップページの記事一覧表示や SNS でシェアされたときにクリック率を高め、タイトルや見出しの前後に挿入することで記事のイメージを伝える役割を持ちます。 フリー素材をそのまま使ってもよいのですが、それだけだとオリジナリティに欠けてしまいますよね。 そこで、フリー素材を加工して簡単にオリジナリティを出す方法をご紹介します。
ブログ記事に欠かせない「アイキャッチ画像」とは、読んで字のごとく「読者の目線を引きつける画像」のことです。 トップページの記事一覧表示や SNS でシェアされたときにクリック率を高め、タイトルや見出しの前後に挿入することで記事のイメージを伝える役割を持ちます。 フリー素材をそのまま使ってもよいのですが、それだけだとオリジナリティに欠けてしまいますよね。 そこで、フリー素材を加工して簡単にオリジナリティを出す方法をご紹介します。
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く