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

CSS样式表
img 标签下多余空白的解决方法
CSS 优先级使用技巧
IE对CSS样式的数量和大小是有限制的
CSS 柱状图实现代码其实很简单
HTML5和CSS3让网页设计提升到下一个高度
CSS 透明度属性
CSS less优化
网页制作需要了解的IE8、IE7、IE6、Firefox3、Firefox2的CSS hacks
CSS 清除浮动方法大全
url 关于自动换行问题
css font-size属性说明
利用CSS3的定位页面元素
不使用class和id进行网页布局的方法
CSS 语义化标记抛弃DIV标记
css 字体设置(不同浏览器设置效果)
CSS教程 CSS定位属性
CSS 网页布局应该避免滥用div元素
CSS 设定文本尺寸的属性
14款免费的RSS、CSS和HTML验证工具
CSS haslayout学习

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


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