CSSで上下センター揃え

css

2021-01-17

上下センター揃え

フレックスボックス

「display: flex」を使います。

左右センターは「justify-content: center;」、上下センターは「align-items: center;」で揃えます。

インライン要素の場合

テーブル要素にする

「absolute」を使う①

widthとheightを設定できるならこちら!

「absolute」を使う②

widthとheightを指定できないときはこちら!

-css

関連記事

CSS Transitionで手軽にアニメーションを取り入れたい

CSSのアニメーション、Transitionに変化を追加してオンマウスで滑らかに変化させたり、押す感を出せたり。これだけでちょっとインタラクティブなサイトになりますね!

テキストに縁や影をつける

cssでテキストに縁や影をつけます。

CSSで影をつける

CSSでドロップシャドウをつける方法を二つ紹介します。

CSS Animationでアニメーションを表現する

JavaScriptを使わずにCSSだけでアニメーションを表現!CSS Animationキーフレームは0%(アニメーションの開始)から100%(終わり)まで細かく指定できます。

CSSで縦書き

縦書き 文章を縦書きにして右から左へ流す。 縦書きの基本 文章を縦書きにして右から左へ流す。

1月11日 数字の回転 二桁の数字など英 …

サイトに訪れていただきありがとうございます!このブログでは、調べたこと、試したことを次回スムーズに行うための覚え書きをアップしています。