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

CSS样式表
CSS教程:制作网页中常用的5个CSS属性
网页制作理论:精确还原设计稿
CSS教程:Firefox浏览器下margin-top问题
CSS教程:li标记在IE下产生间距
CSS实例教程:CSS制作虚线的2种方法
CSS教程:网页中英文字体的设置
根据IE版本不同调用不同CSS样式文件
CSS网页布局:tbody标签与thead和tfoot标签
网页制作技巧:CSS网页布局中文排版心得
网页制作CSS教程:自适应圆角
Css Hack:Pixel Perfect
OOcss教程:认识OOCSS和简单应用OOCSS
网页制作教程:面向对象的CSS应用
CSS写法:不同组合间的优先级及浏览器的支持性
CSS sprite实例教程:li:hover修改密码
利用负边距技术制作自适应宽度布局的网页
WEBJX收集漂亮的大背景网页设计实例
使用一张或两张图片创建大背景网站
CSS教程:CSS选择符的用法和实例
CSS实例:a:hover伪类在IE6下的问题

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


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