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

CSS样式表
Webjx收集基于CSS+JS设计50款优秀的导航菜单
初学者简单学习CSS网页布局
CSS教程:一张图片实现圆角
基于CSS的网站导航菜单
CSS新特性:圆角边框多栏Gird布局背景设置
CSS实例教程:制作网页特殊产品列表
收集国外网站的25个CSS高级教程
CSS教程:制作圆角矩形的网站头像
网页推荐值得一看的CSS框架
有趣图例:你是一个网页设计师吗?
安装Firefox的Jetpack扩展的步骤
CSS教程:CSS制作3D立方体
Css教程:FireFox正常IE错位的绝对定位元素
CSS对IE6、IE7、IE8支持详细的易用的参考
CSS Sprites简介以及优缺点
CSS教程:避免使用滤镜
DIV+CSS佈局代码精简对SEO的影响
学习CSS需要知道的CSS基础知识
CSS教程:clip属性全知道
基于firebug的firefox扩展:css usage

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


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