需要将元素居中并在它们周围创建边框

时间:2014-06-07 19:41:00

标签: html css

我需要在用户名和密码周围创建一个边框。当前代码在整个div周围创建一个边框而不是用户名/密码。

#first-div{
    height:40%;
    width:100%;
}
.loginBox{
    border-style: solid;
    border-width: 5px;
}
</style>

</head>
<body bgcolor="#E6E6FA">
<div id="first-div">
</div>

<div align="center">
        <div
        <div class="loginBox">
            <form action="/StartPage" method="post">
                <div>
                        <span><b>Username:</b></span>
                        <input type="text" name="username">
                </div><br>
                <div>
                        <span><b>Password:</b></span>
                        <input type="password" name="password">
                </div>
                <br>
                <input type="submit" valu="submit">
           </form>
        </div>
</div>

</div>

0 个答案:

没有答案