Tailwind CSS

Tailwind CSS

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

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

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

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

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

今回の記事では、Tailwind CSS における余白(Margin や Padding)の指定方法を解説します。Margin の指定方法基本的には、m{t|r|b|l}-{サイズを表す数値} というふうに指定します。m、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 のフレームワークであり、主に HTML...
Laravel 入門

Laravel 入門 ④(ブラウザからデータベースにデータを格納する)

皆さん、こんにちは。管理人です。今回は、ブラウザからデータベースにデータを格納するところまでをやってみたいと思います。Blade の編集Laravel における Blade(ブレード)とは、***.blade.php という名前のファイルた...