0

我是编程新手，有一个基本问题。我的网页上有一张背景图片，但我希望内容区域有白色背景。我在网上很常见，但作为新手，我似乎无法弄清楚如何去做。我有一个将我的内容居中的#wrapper div 和一个用于显示图像的 css 规则，只是无法将内容区域背景设为白色。对这个新手的帮助表示赞赏！

4

3 回答 3

2

有几种方法可以实现这一点。您可以使用示例中的属性来设置 HTML 标记（ div、span等p...）的样式：style

<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 的内容以了解其工作原理。网上有很多教程。

于 2013-03-26T13:38:49.130 回答
1

假设这样的结构：

<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;
}

检查this fiddle以获得一个工作示例。

于 2013-03-26T13:34:06.167 回答
0

将您的内容放在一个 div 中，并background:#fff;在您的 CSS 中指定该 div。

于 2013-03-26T13:32:07.007 回答