生成QR码的HTML页面的背景颜色

时间:2014-11-05 05:13:25

标签: php html html5

我在PHP代码下面显示了QR码&我在提交密码的中心显示它。现在,因为我将它保持在中心位置,所以页面的其余部分显示为白色和我希望整个浏览器背景颜色为蓝色。我试过把bgcolor但是只改变了中间部分的背景,其中出现了图像&我需要整个浏览器的背景颜色为蓝色

以下是我的参考代码:

<!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>

任何人都可以告诉我如何将蓝色作为背景吗?

由于

2 个答案:

答案 0 :(得分:1)

你想要身体的背景吗?你能给我们看一下截图吗?

你可以尝试

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

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

并且不要使用像“bgcolor”这样的老式html标签,只使用CSS进行样式化。

答案 1 :(得分:0)

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