0

我有一个页面,上面有一个背景图像,我保留了一些按钮。但是整个页面的背景是白色的。这不好,我想要背景颜色,我需要坚持这整件事。

    <html>
    <body>
        <div class="outer" style="background-image:url('BG_BLUE_NEW.jpg'); background-repeat:no-repeat;background-position:center;height:768px;width:1100px;margin-top:-50px:padding-left:0px"></div>
        <div class="login" style="margin-top:-430px;float: left;height: 290px;">
                <form style="padding-left:250px;">
                    <INPUT TYPE="button" style="background-color:SteelBlue;width:100px;height:30px;font-size:150%;margin-bottom:10px" VALUE="Submit" onClick="window.open('http://www.google.com','_blank');"><br>
                    <INPUT TYPE="button" style="background-color:SteelBlue;width:100px;height:30px;font-size:150%;margin-bottom:10px" VALUE="Submit" onClick="window.open('http://www.google.com','_blank');"><br>
                    <INPUT TYPE="button" style="background-color:SteelBlue;width:100px;height:30px;font-size:150%;margin-bottom:10px" VALUE="Submit" onClick="window.open('http://www.google.com','_blank');"><br>
                    <INPUT TYPE="button" style="background-color:SteelBlue;width:100px;height:30px;font-size:150%;margin-bottom:10px" VALUE="Submit" onClick="window.open('http://www.google.com','_blank');"><br>
                    <INPUT TYPE="button" style="background-color:SteelBlue;width:100px;height:30px;font-size:150%;margin-bottom:10px" VALUE="Submit" onClick="window.open('http://www.google.com','_blank');"><br>
                </form>
        </div>
    </body>
    </html>
4

3 回答 3

1

试试这个, http://www.w3schools.com/css/tryit.asp?filename=trycss_background_shorthand

背景颜色背景图像背景重复背景附件背景位置

背景:#ffffff url('img_tree.png') 不重复右上角;

 <html>
<body>
    <div class="outer" style="background: blue url('BG_BLUE_NEW.jpg') center; height:768px;width:1100px;margin-top:-50px:padding-left:0px"></div>
    <div class="login" style="margin-top:-430px;float: left;height: 290px;">
            <form style="padding-left:250px;">
                <INPUT TYPE="button" style="background-color:SteelBlue;width:100px;height:30px;font-size:150%;margin-bottom:10px" VALUE="Submit" onClick="window.open('http://www.google.com','_blank');"><br>
                <INPUT TYPE="button" style="background-color:SteelBlue;width:100px;height:30px;font-size:150%;margin-bottom:10px" VALUE="Submit" onClick="window.open('http://www.google.com','_blank');"><br>
                <INPUT TYPE="button" style="background-color:SteelBlue;width:100px;height:30px;font-size:150%;margin-bottom:10px" VALUE="Submit" onClick="window.open('http://www.google.com','_blank');"><br>
                <INPUT TYPE="button" style="background-color:SteelBlue;width:100px;height:30px;font-size:150%;margin-bottom:10px" VALUE="Submit" onClick="window.open('http://www.google.com','_blank');"><br>
                <INPUT TYPE="button" style="background-color:SteelBlue;width:100px;height:30px;font-size:150%;margin-bottom:10px" VALUE="Submit" onClick="window.open('http://www.google.com','_blank');"><br>
            </form>
    </div>
</body>
</html>
于 2012-09-07T09:43:43.163 回答
0

使用 CSS:

body
{
    background: color: #f00; /*your color here*/
}

这将使 body 元素的背景成为您为所有页面选择的颜色。

于 2012-09-07T08:23:49.180 回答
0
   body {
      background-color: #ff0000
   }
于 2012-09-07T08:31:15.833 回答