タグ: 料理

コーディング

2023年10月3日

【初心者でもわかる】擬似要素（::before、::after）って何？サンドイッチを使って説明

CSSの疑似要素::beforeと::afterの基本を解説します。サンドイッチを作る例を通して、要素の前後に文字や画像を加える方法を紹介します。

コーディング

2023年9月25日

【初心者でもわかる】calc()を使ってロールケーキをキッチリ3等分にする方法

CSSのcalc()で要素の幅を計算し、均等に3分割する方法を解説します。ロールケーキの背景画像を例に、計算式を使ったサイズ指定と配置を紹介します。

コーディング

2023年9月24日

【初心者でもわかる】いちょう切り。part2（2×2に並べた要素に隙間を作る-flexbox編-）

flexboxで2列2行に並べた要素の間に隙間を作る方法を紹介します。オレンジの画像を使った前編の続きとして、横方向と縦方向の余白を調整します。

コーディング

2023年9月23日

【初心者でもわかる】いちょう切り。part1（4つの要素を2×2に並べる方法-flexbox編-）

flexboxで4つの要素を2列2行に並べる方法を解説します。4分割したオレンジの画像を例に、親要素の幅と折り返しを設定する手順を紹介します。