2014-11-05 71 views
-2

我下面显示QR代码的PHP代码&我在提交密码的中心显示它。现在,由于我将它放在中间,页面的其余部分显示为白色&我希望整个浏览器背景颜色都是蓝色。我试图把的bgcolor但只改变中间部分的背景,其中图像出现&我需要整个浏览器的背景颜色为蓝色HTML页面生成QR码的背景颜色

这里是我的参考代码:

<!DOCTYPE HTML> 
<html> 
    <head> 
     <style> 
     .error {color: #FF0000;} 

       html, body { 
        height: 100%; 
       } 

       html { 
        display: table; 
        margin: auto; 
       } 

       body { 
        vertical-align: middle; 
       } 
     </style> 
    </head> 
    <body> 
     <?php 
      if ($_SERVER["REQUEST_METHOD"] == "POST") { 
       // reading from post 
      } 
     ?> 

     <form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>"> 
        <table width="380px"> 
         <tr> 
          <td valign="top">Password:</td> 
          <td><input type="text" name="password" value="<?php echo $password; ?>"><span class="error">* <?php echo $passwordErr;?></span></td> 
         </tr> 

         <tr> 
          <td colspan="2" style="text-align:center"> 
           <input type="submit" name="submit" value="Submit"> 
          </td> 
         </tr> 
        </table> 
     </form> 

     <?php 
        if ($password) { 

        echo "<img src='./myqrcode.php?password=$password' />"; 

       ?> 
    </body> 
</html> 

任何一个可以告诉我如何把蓝色作为背景?

谢谢

+0

你试过这样的:'background-color:blue;'到'body'元素,它仍然不起作用?只要确保'body'元素没有任何默认边距或填充。 – 2014-11-05 05:16:58

回答

1

你想在背景中的身体?你能告诉我们一个截图吗?

您可以尝试

body { 
       vertical-align: middle; 
       background-color: blue; 
      } 

顺便说一句,这是一个坏主意,使用表格设计页面的布局。改用div。像这里: http://www.w3schools.com/html/html_layout.asp

而且不要使用老式的html标签,如“bgcolor”,只使用CSS来进行样式设计。

0
<body style="backgroundoclor:blue;"> 
    <?php 
     if ($_SERVER["REQUEST_METHOD"] == "POST") { 
      // reading from post 
     } 
    ?>