当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS网页设计实例:15个用CSS设计的网页表单实例

CSS样式表
CSS优先级规则的细节
CSS失效,原来是和网页第一段代码有关
你真的了解CSS吗?你是属于哪个层次?
让样式表CSS代码更加专业规范
建议网页设计师用CSS制作网站导航菜单
简单学习css组合与CSS嵌套的写法
CSS学习之css代码的简写的十条规则
条件CSS的介绍
CSS教程:网页中多个样式表顺序问题
CSS教程:网页版面设计无效的10个原因
页面重构工程师应该具有的技能和素质
选择正确DOCTYPE解决CSS在网页失效问题
Opera中国的WEB标准课程
简单介绍Web Developer插件制作网页
CSS布局带来的巨大影响:CSS display属性值
用div css模拟表格对角线
IE Firefox在css中的差别 (部分)
不用js可以实现信息提示效果
CSS解决未知高度的垂直水平居中自适应问题
CSS cursor 属性 -- 鼠标指针样式效果

CSS样式表 中的 CSS网页设计实例:15个用CSS设计的网页表单实例


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-30   浏览: 71 ::
收藏到网摘: n/a

我们都知道,表单是网页的重要组成部分,它是网站与用户进行交互的窗口。然而表单中固定的诸如说明文字、输入框、提交按钮等元素,使得表单设计略显乏味,难有创新,这一点不少Web设计师深有体会。好的Web设计师就是可以在平凡处挖亮点,让表单设计或耳目一新,或整洁素雅。下面就来看这样的15个基于CSS的优秀表单设计。

以下译自:Coolest 15 css based html forms rarely seen
中文原文:15个基于CSS的Form表单设计

  1. Footytube
    Footytube Form
    提示:进入页面后,点击页面顶部的“login”链接,可看到上图中的表单。
  2. Go Squared
    Go Squared Form
  3. Next BIg Sound
    Next BIg Sound Form
  4. PSD Themes
    PSD Themes Form
  5. Food Spotting
    Food Spotting Form
  6. Gowalla
    Gowalla Form
  7. Virb
    Virb Form
  8. Live Stream
    Live Stream Form
  9. Nibble Dish
    Nibble Dish Form
  10. Culinary Culture
    Culinary Culture Form
  11. Form one (from bundle)
    Form one (from bundle)
  12. Form two (from bundle)
    Form two (from bundle)
  13. Form Three(from bundle)
    Form Three (from bundle)
  14. Form Four(from bundle)
    Form Four (from bundle)
  15. Form Five(from bundle)
    Form Five (from bundle)