CSS 양식 효과_경험 교환

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>A Huinan 작성 2008-12-4</title> <style type="text/css"> *{ font-size:12px; padding:0; margin:0; } body{ text-align:center; } #reg{ margin:0 auto; width:600px; background:#cccccc; height:500px; } h6{ background:black; height:28px; color:white; text-align:left; line-height:28px; padding-left:3px; } #menu{ height:30px; text-align:left; padding-top:15px; padding-left:10px; overflow:hidden; } li{ list-style-type:none; } #menu li{ float:left; color:green; height:30px; padding:0 5px; line-height:30px; margin-left:20px; position:absolute; } .current{ border:1px solid blue; border-bottom:0; background:white; } #content{ border:1px solid blue; height:400px; margin:8px; margin-top:0; background:white; padding:10px; } #content dl{ border-top:1px solid #ccc; border-left:1px solid #ccc; width:560px; height:116px; } #content dl dd,#content dl dt{ border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; height:28px; } #content dl dt{ width:200px; float:left; text-align:right; padding-right:3px; background:#F0F0F0; line-height:28px; } #content dl dd{ width:352px; float:left; text-align:left; padding-left:3px; } /*兼容ie 6.0*/ #content dl dd div{ padding-top:3px; } </style> <div id="reg"> <h6> </h6>장난감쇼핑 회원가입을 환영합니다! <div id="menubox"> <ul id="menu"> <li style="left:200px;"> </li>서비스 약관 확인<li class="current" style="left:300px;"> </li>사용자 이름 선택<li style="left:400px;"> </li>사용자 유형 선택<li style="left:500px;"> </li>상세정보를 입력하세요</ul> </div> <div id="content"> <form> <dl> <dt> </dt>사용자 이름<dd> <div><input type="text"></div> </dd> <dt> </dt>비밀번호<dd> <div><input type="text"></div> </dd> <dt> </dt>비밀번호 확인<dd> <div><input type="text"></div> </dd> <dt> </dt> <dd> <input type="button" value="注册"> </dd> </dl> </form> </div> </div>
[모두 선택하려면 Ctrl+A 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]