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

CSS样式表
CSS实例教程:永远在网页底部的网页布局
优秀的网页评论表单的设计方法
CSS编写经验谈:常用的10个CSS类名
CSS:网页表单实现鼠标悬停交互效果
CSS代码中注释的3种方法
CSS教程:网页头部css代码优化实例
网页制作基础:声明文档类型描述(DTD)
如何解决IE7和IE8的兼容性问题
CSS网页布局网页制作技巧总结
CSS网页设计:IE8和IE7共存
CSS2打印属性让打印HTML文档不出问题
使用CSS3新技术 完美实现圆角效果
jQuery插件实现css3效果
CSS教程:margin属性定义边外补白
CSS教程:padding属性定义边内补白
CSS教程:学习border-width属性
CSS教程:学习border-color属性
CSS教程:学习border-style属性
CSS教程:学习border属性
网页排版经常用到的5个CSS基础

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-30   浏览: 153 ::
收藏到网摘: 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)