コンテナー上の背景色の設定方法

1. CSSを使用した方法:

   • インラインスタイルシートを使用する場合:

     <div style="background-color: red;">
     コンテンツ...
     </div>

   • 外部スタイルシートを使用する場合: CSSファイル (styles.css) の中で、コンテナー要素に対して背景色を指定します。

     .container {
     background-color: blue;
     }

     HTMLファイルでCSSファイルをリンクします:

     <link rel="stylesheet" href="styles.css">
     <div class="container">
     コンテンツ...
     </div>

2. CSSプリプロセッサを使用した方法:

   • SASSを使用する場合:

     .container {
     background-color: green;
     }

3. JavaScriptを使用した方法:

   • JavaScriptを使って要素にスタイルを追加する場合:

     <div id="container">
     コンテンツ...
     </div>

     JavaScriptファイル (script.js) の中で、背景色を設定します。

     document.getElementById("container").style.backgroundColor = "yellow";

     HTMLファイルでJavaScriptファイルをリンクします:

     <script src="script.js"></script>

上記の方法とコード例を参考にして、コンテナー要素の背景色を設定してください。