-
CSSのスタイルシートを準備します。HTMLファイル内で
<style>タグを使用するか、外部のCSSファイルをリンクします。 -
ボディ要素に対して次のようなスタイルを適用します:
body {
background: linear-gradient(to bottom, 色1, 色2);
}上記のコードでは、linear-gradient関数を使用して、上方向から下方向へのグラデーションを作成しています。色1と色2は、グラデーションの開始色と終了色を指定するために使用されます。適切な色値（例: #ff0000）を指定してください。
-
グラデーションの方向を変更したい場合は、
to bottomの代わりに他の値を指定することができます。例えば、to topは下から上へのグラデーションを作成し、to rightは左から右へのグラデーションを作成します。 -
他のCSSプロパティを追加して、グラデーションの見た目をカスタマイズすることもできます。例えば、
background-sizeを使用して背景のサイズを調整したり、background-repeatを使用して背景の繰り返しを制御したりすることができます。
このようにして、ボディ要素にトップダウンのグラデーションCSSを実装することができます。上記のコード例を参考にしながら、自身のプロジェクトに適用してみてください。