html - コンテンツの背景を白くする方法

Question

私はプログラミングが初めてで、基本的な質問があります。Web ページに背景画像がありますが、コンテンツ領域の背景を白にしたいと考えています。これはウェブ上で非常によく見かけますが、新しいのでどうすればよいのかわかりません。コンテンツを中央に配置する #wrapper div と画像を表示する CSS ルールがありますが、コンテンツ領域の背景を白くすることはできません。この初心者のためのヘルプは大歓迎です!

score 2 · Accepted Answer

これを実現するにはいくつかの方法があります。例のように属性を使用して、HTML タグ ( 、など...) のスタイルを設定できdivます。spanpstyle

<div style="background-color: white;"></div>

または、次のように<head></head>タグ内でスタイルを定義します。

<html>
    <head>
        <style>
             .your_class { background-color: #ffffff; }
        </style>
    </head>
    <body>
        <div class="your_class"></div>
    </body>
</html>

または、linkタグを使用して CSS コードをファイル内に配置し、次のようにリンクします。

<head>
   <link rel="stylesheet" type="text/css" href="your_file.css">
</head>

または、スタイルを動的に設定する必要がある場合もあります。次に、javascript が画像に入ります。

<html>
    <head>
        <script>
            function changeBg(id, color) {
                document.getElementById(id).style.bgColor = color;
            }
        </script>
    </head>
    <body onload="changeBg('myDiv', 'white');">
        <div id="myDiv"></div>
    </body>
</html>

HTML と CSS の詳細を読んで、それがどのように機能するかを理解する必要があります。ウェブ上にはたくさんのチュートリアルがあります。

score 1 · Accepted Answer

次のような構造を想定します。

<body>
    <div id="wrapper">
        <section id="content">            <!-- Or div or whatever -->
            Lorem ipsum dolor sit amet
        </section>
    </div>
</body>

background-colorに適用する必要があります#wrapper:

body{
   background-image: url("your_url");
}

#wrapper{
   background-color:white;
}

実際の例については、このフィドルを確認してください。

score 0 · Accepted Answer

0

コンテンツbackground:#fff;を div 内に配置し、CSS でその div を指定します。

于 2013-03-26T13:32:07.007 に答える

html - コンテンツの背景を白くする方法

3 に答える 3

Related

Reference