CSS– category –
-
CSSで画像や文字に影をつける方法
今回は、CSSで画像や文字などの要素に影をつける方法(ドロップシャドウ)をご紹介します。 【】 CSSで影をつけるのによく使われるのがbox-shadowです。要素のボックス全体(ボーダーとその内側)に対して影をつけます。 .sample { box-shadow:(横に影... -
レスポンシブの単位は『vh,vw』が便利!『%』より使えるCSSの単位
レスポンシブ全盛の今、CSSで要素の幅や高さを指定するときの単位に px よりも % を使うことが増えたと思います。でも、もっと便利な単位がありました。vh,vw。いやー不勉強でした…ということで備忘録的にまとめたいと思います。 【】 vh,vwは、ブラウザ(... -
2ステップで投稿記事に『何分で読めます』を表示する方法 コピペOK
いろんなブログで見かける『この記事は約○分で読めます』。もともと標準で実装しているテーマもありますが、Tobiが(2019年現在)使用しているテーマ【SWALLOW】にはありません。無くても問題ないのですが、アクセシビリティを考えるとあったほうがいいの... -
2ステップでアドセンスをセンタリング(中央寄せ)する方法
アドセンス広告をそのまま普通に貼ると、デフォルトでは右揃えになってしまい不格好です。そこで、非推奨のセンタータグを使わずに、中央寄せする方法を紹介します。 コピペによる2ステップで終わりますので、3分もかからず完了です。とっても簡単です。 ...
12