首页写代码完成如图网页内容，要求如下：（1）使用表单设计一个文本框，一个密码框，2个按钮,其中账户文本框里面的显示内容为你自己的真实姓名。如图所示（10分）（2）使用类选择器完成文本框和密码框的设置，要求如下：（15分） width:152px; height:18px; border:1px solid #38a1bf; padding:2px 2px 2px 22px; （3）为两个按钮设置宽度为60px,高度为25px,圆角边框3px，边框为3px，实线，绿色左外边距为30px。（15分）（4）为两个按钮设置背景颜色分别为blue, orange

写代码完成如图网页内容，要求如下：（1）使用表单设计一个文本框，一个密码框，2个按钮,其中账户文本框里面的显示内容为你自己的真实姓名。如图所示（10分）（2）使用类选择器完成文本框和密码框的设置，要求如下：（15分） width:152px; height:18px; border:1px solid #38a1bf; padding:2px 2px 2px 22px; （3）为两个按钮设置宽度为60px,高度为25px,圆角边框3px，边框为3px，实线，绿色左外边距为30px。（15分）（4）为两个按钮设置背景颜色分别为blue, orange

时间: 2024-03-29 07:37:44 浏览: 101

<!DOCTYPE html> <html> <head> <title>登录表单</title> <style> .input { width: 152px; height: 18px; border: 1px solid #38a1bf; padding: 2px 2px 2px 22px; } .button { width: 60px; height: 25px; border-radius: 3px; border: 3px solid green; margin-left: 30px; } .button:first-child { background-color: blue; } .button:last-child { background-color: orange; } </style> </head> <body> <form> <label for="username">账户：</label> <input type="text" name="username" id="username" class="input" value="Your Name" /> <br><br> <label for="password">密码：</label> <input type="password" name="password" id="password" class="input" /> <br><br> <input type="submit" value="登录" class="button"> <input type="button" value="注册" class="button"> </form> </body> </html>

阅读全文