4-1 编程挑战
本节编程练习不计算学习进度,请电脑登录imooc.com操作

编程挑战

实现一个这样登陆框的效果,需要写出完整的HTML和CSS代码。

效果图:

雪碧图素材:

http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg

注意:雪碧图引用,请使用提供的链接。

 

任务

实现一个登陆框的效果,写出完整的HTML和CSS代码。

提示:
  1.注意标签语义化,按钮要使用Button,同时要reset button 默认样式。 
  2.表单使用form,输入框使用input,表单要使用css美化,例如背景色和边框等。
  3.按钮样式要使用雪碧图完成。
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>
  6. </head>
  7.  
  8. <body>
  9.  
  10.  
  11. </body>
  12. </html>
返回课程