<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>免费体验登录页面</title> <style> body{background: url("icon_01.gif") no-repeat;} body,div,form,p{padding: 0px;margin: 0px} body div:first-of-type{ width: 312px; box-sizing: border-box; text-align: center; margin-top: 35px; padding: 50px 25px 50px 0px; color: white; font-size: 14px; } span{color: red;} p{ padding:8px; } input{ border-radius: 5px; } select{border-radius: 5px;} form p:nth-of-type(4),form p:nth-of-type(5){ padding-right: 140px; } </style> </head> <body> <div> <form method="post" action="#"> <p> <span>*</span>姓名：<input type="text"> </p> <p> <span>*</span>邮箱：<input type="email"> </p> <p> <span>*</span>电话：<input type="number"> </p> <P> 性别： <select> <option selected>请选择</option> <option>男</option> <option>女</option> </select></P> <P> 年龄： <select> <option selected>请选择</option> <option>20</option> <option>21</option> </select></P> <P><input type="image" src="images/homework5/btn.jpg"></P> </form> </div> </body> </html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
