Tailwind CSS

Tailwind CSS

Tailwind CSS で要素を下寄せする方法

皆さん、こんにちは。管理人です。今回は「Tailwind CSS で要素を下寄せする方法」について述べます。 要素を下寄せする方法 要素を下寄せするには、親要素に flex と items-end を指定すれば良いです。 See the P...
Tailwind CSS

Tailwind CSS で要素やテキストを中央に寄せる方法

皆さん、こんにちは。管理人です。今回は、Tailwind CSS で要素やテキストを中央に寄せる方法について述べたいと思います。 テキストを左右中央に寄せる場合 テキストを左右中央に寄せたい場合は、text-center を指定します。 S...
Tailwind CSS

Tailwind CSS で余白(Margin や Padding)を指定する方法

今回の記事では、Tailwind CSS における余白(Margin や Padding)の指定方法を解説します。 Margin の指定方法 基本的には、m{t|r|b|l}-{サイズを表す数値} というふうに指定します。t、r、b、l は...
Tailwind CSS

Tailwind CSS で背景やテキスト、枠線などに色を指定する方法

皆さん、こんにちは。管理人です。この記事では、Tailwind CSS で色を設定する方法について述べたいと思います。 背景色の指定 Tailwind CSS で背景色を指定するには、基本的には bg-{色}-{数字} というふうにすれば良...
Tailwind CSS

Tailwind CSS 入門(環境の構築)

皆さん、こんにちは。管理人です。今回の記事では、CSS のフレームワークである Tailwind CSS について述べたいと思います。 Tailwind CSS とは Tailwind CSS は CSS のフレームワークであり、主に HT...