如何在html / css中的页面中心对齐表单

发布时间：2020-12-14 19:34:13 所属栏目：资源来源：网络整理

导读：我是html / css的新手.我正在努力建立自己的形式,我正在努力把它放在中心.我在css中使用了align属性,但它不起作用. Html代码： !DOCTYPE HTMLhead titleWeb Page Having A Form/title link rel = "stylesheet" type="text/css" href="Form.css"/headbody h1C

我是html / css的新手.我正在努力建立自己的形式,我正在努力把它放在中心.我在css中使用了align属性,但它不起作用.

Html代码：

<!DOCTYPE HTML>
<head>
    <title>Web Page Having A Form</title>
    <link rel = "stylesheet" type="text/css" href="Form.css">
</head>
<body>
    <h1>Create a New Account</h1>
      <form >
       <table>
        <tr>
         <td>Name :</td> <td><input type="text" name="name"></td><br>
        </tr>
        <tr>
         <td>Email :</td> <td><input type="text" name="email"></td><br>
        </tr>
        <tr>
         <td>Password :</td> <td><input type="password" name="pwd"></td><br>
        </tr>
        <tr>
         <td>Confirm Password :</td> <td><input type="password" name="cpwd"><br>
        </tr>
        <tr>
         <td><input type="submit" value="Submit"></td>
        </tr>
       </table>
      </form>
</body>

Css代码：

body
{
    background-color : #484848;
}
h1
{
    color : #000000;
    text-align : center;
    font-family: "SIMPSON";
}
form
{
    align:"center";
}

我应该如何更改我的代码以将整个表单对齐在中心？

解决方法

喜欢这个

demo

CSS

body {
    background-color : #484848;
    margin: 0;
    padding: 0;
}
h1 {
    color : #000000;
    text-align : center;
    font-family: "SIMPSON";
}
form {
    width: 300px;
    margin: 0 auto;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!