首页 > 开发 > CSS > 正文

CSSFormExample:带有小图标的清爽CSS表单设计!

2024-07-11 08:40:27
字体:
来源:转载
供稿:网友
  表单的制作是在进行CSS网页布局的时候经常会碰到的,同时表单的制作也是一项比较头疼的问题,我们今天学习一个CSS表单实例,我个人认为效果挺不错。
  看下面的效果:


  首页我们进行整体的规划:

  建立一个容器main将表单元素及其它相关元素一起扔进去。
  设置标签h1,放置User Login。
  设置标签h2,放置“请输入您的用户名和密码”。
  设置“Username”与“Password”表单提示文字的容器。
  设置表单输入框。
  设置密码找回的文字链接。
  最终我们设置提交表单的按钮图片。

  我们形成如下的xhtml代码:

示例代码 [www.CuoXIn.com]
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表