CSS constructs a form

Structured form layout

<Head><Metahttp-equiv= "Content-type"content= "text/html; CHARSET=GBK" /><title>Selector Type _ Tag Selector</title><styletype= "Text/css">#regForm fieldset{padding:20px;; Border:0;Border-top:1px #d0d0bf Solid;    }#regForm legend{padding:0 10px;Font-weight:Bold;    }#regForm. DataArea{padding:3px 0;    }#regForm. Frist{padding:8px 0 2px;    }#regForm. SubArea input{padding:1px 4px;    }#regForm Label{width:112px;text-align: Right;float: Left;    }</style></Head><Body>    <formID= "RegForm">        <fieldset>            <legend>Login information</legend>                <Divclass= "DataArea frist">                    <label for= "username">User name:</label><inputtype= "text"ID= "username"class= "Input" />                </Div>                <Divclass= "DataArea">                    <label for= "Password">Password</label><inputtype= "text"ID= "Password"class= "Input" />                </Div>                <Divclass= "DataArea">                    <label for= "Passwordverify">Confirm Password:</label><inputtype= "text"ID= "Passwordverify"class= "Input" />                </Div>        </fieldset>        <fieldset>            <legend>Personal information</legend>                <Divclass= "DataArea frist">                    <label for= "nickname">Nickname</label><inputtype= "text"ID= "nickname" />                </Div>                <Divclass= "DataArea">                    <label for= "Email"class= "hint">Email</label><inputtype= "text"ID= "Email" />                </Div>                <Divclass= "SubArea">                    <inputtype= "Submit"value= "Register" /> <inputtype= "button"value= "Back" />                </Div>        </fieldset>    </form></Body>

form outer border settings

<Head><Metahttp-equiv= "Content-type"content= "text/html; CHARSET=GBK" /><title>Selector Type _ Tag Selector</title><styletype= "Text/css">fieldset{Margin:0 0 10px 0;Padding:5px;Border:1px solid #333;    }Legend{Background-color:#ddd;Margin:0;Padding:5px;Border-style:Solid;Border-width:1px;Border-color:#fff #aaa #666 #fff;    }fieldset{Background:#ddd;    }</style></Head><Body>    <form>        <fieldset>            <legend>Login information</legend>                        </fieldset>     </form></Body>