纯CSS表单显示效果

纯CSS表单显示效果的相关文章

• 
  用CSS设计高体验的表单显示效果示例

  标签：Html CSS布局 Div+CSS XHTML

  以下是引用片段： <style type="text/css"  .input1{  font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px;  }  .input1-bor {  f...[ 查看全文 ]

  空井苍上s

  51
• 
  css制作表单效果

  标签：Web开发

  !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titleby 阿会楠 2008-12-4/titlescript language="javascript" type="text/javascript"//js辅助window.onload = function(){ var initleft = 200;// 初始化第...[ 查看全文 ]

  空白记忆ljh

  01
• 
  纯CSS搞的alt跟title效果

  标签：Web开发

  style .test{position:relative;color:#0000cc;text-decoration:none;font-size:12px;} .test:hover{background:none;} .test span {display: none;} .test:hover span{display:block;position:absolute;top:20px;left:8px;border-bottom:2px solid #eee;border-right:2px solid #eee;} .test:hover span p{border:1px solid #ccc;background:#fff;color:#000;padding:5px;text-align:left;font-size:12px;...[ 查看全文 ]

  兽医577

  51
• 
  纯CSS制作的网页中的lightbox效果

  标签：Web开发

  “Lightbox”是一个别致且易用的图片显示效果，它可以使图片直接呈现在当前页面之上而不用转到新的窗口。lightbox效果网络上有很多js版本的介绍。不过都下载一个lightbox的js小则几十K，大则上百K。如果你只是需要一个类似Lightbox的效果，这种百分之百纯CSS制造，不含js的办法倒是可以试试。 以下是引用片段： !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" html   &nbs...[ 查看全文 ]

  czq111012

  71
• 
  WML学习（五）：显示表单

  标签：Web开发

  显示表单 类似于HTML的FORM，fieldset可用来包括一组表单选项，但不是必须的。前面说过，当card的ordered设置为false时，手机可以显示一个概要CARD来总结有效的选项，方便用户从中选取表单选项来填写，概要CARD就是根据fieldset和独立的输入框input以及选单select来总结的。语法为， fieldset title="label"表单内容/fieldset，可选的title属性除了可用来表示表单的名字外，还在概要CARD里作为...[ 查看全文 ]

  翁老安兴abc

  11
• 
  纯CSS代码实现翻页

  标签：Web开发

  !DOCTYPE a href="/keys/html/index.html" target="_blank"html/a PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh" head profile="http://www.w3.org/2000/08/w3c-synd/#" meta http-equiv="content-language" content="zh-cn" / meta http-equiv="content-type" content="text/html;ch...[ 查看全文 ]

  237001645

  01
• 
  使用CSS来显示XML

  标签：Web开发

  使用CSS样式单 (Cascading Style Sheets) ,可以给XML文档添加额外的现实信息。 -------------------------------------------------------------------------------- 使用CSS来显示未来的XML文档么？ 应该使用CSS来显示你未来的XML文档么？ 不，我们不推荐这样做！但是我们还是应该实验一下: 我们先来看一个单纯的XML文档: The CD Catalog 然后我们来看CSS样式表单文件: The CSS file 最后，我们来看用...[ 查看全文 ]

  见证奇迹传媒

  51
• 
  表单提交(插入效果)javascript

  标签：Web开发

  [ 查看全文 ]

  羊与阳光

  01
• 
  CSS form表单布局经典一例

  标签：Web开发

  !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title52css.com/title style type="text/css" label{ float: left; width: 80px; } form{margin:0px} input{ width: 180px; border:1px solid #808080 } textarea{ wi...[ 查看全文 ]

  黄河大漠绿洲

  501
• 
  纯CSS制作简洁的垂直导航

  标签：Web开发

  CSS代码 以下是引用片段：/* common styling */ /* set up the overall width of the menu div, the font and the margins */ .menu { font-family: arial, sans-serif;  width:750px;  margin:0;  margin:50px 0; } /* remove the bullets and set the margin and padding to zero for the unordered list */ .menu ul { padding:0;  margin:0; list-style-type: none; } /* 浮动列表，...[ 查看全文 ]

  陶桃子_Home

  161
• 
  用css改变鼠标显示

  标签：Web开发

  一般而言，鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。但用css可控制鼠标的显示效果，如可使鼠标移到普通文本上也显示成手型。 用css控制的语法如下: span style="cursor:*"文本或其它页面元素/span 把 * 换成如下15个效果的一种： hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-res...[ 查看全文 ]

  xiehxiongf217

  51
• 
  显示/隐藏引出的CSS Bug

  标签：Html CSS布局 Div+CSS XHTML

      这一段CSS代码相当简单，目的就是想用CSS来控制某段文字的显示与隐藏。起初我采用了下面的代码，令人不可思议的是，它们在我的6.0上居然没有任何反应，大家不信可以亲自试验一下。 <style type="text/css" a {font-size:12px; text-decoration:none; height:50;} a:hover {text-decoration:none;} a span {font-size:12px; display:none;} a:hover span {display:block;} &...[ 查看全文 ]

  海边木屋2014

  81
• 
  使用纯 CSS 设计3D按钮

  标签：Web开发

  CSS 按钮的效率远比基本图像的按钮的效率高得多，因为它们全部都是基于文本的。所有要用 XHTML 标记只是一个无序列表——CSS 样式负责其余部分。而且，你不需要任何 JavaScript 来交换图像以实现翻卷效果，因为 CSS 伪类（pseudoclass）能够让你为链接的每个状态（链接link、已访问visited、悬停hover、激活active）建立独立的样式。 纯 CSS 按钮唯一的问题是它们看上去相当单调，只有固定的颜色背景和一个...[ 查看全文 ]

  QQ757856333孪

  21
• 
  用CSS制作具有亲和力的表单

  标签：Web开发

  对于表单，很常用。但是在web standard建站的时候，他的排版往往让人遗忘，到了真正用到的时候就发现让人头疼，当然我也遇到过。我现在要介绍一个用fieldset/label标签制作漂亮而且具体亲和力的表单的方法。 基本的xhtml h3已注册用户登录/h3 form action="" method="post" name="apLogin" fieldset legend用户登录/legend div label for="Name"用户名/label ...[ 查看全文 ]

  蜜芽妈咪

  01
• 
  用css制作表单并体验亲和力

  标签：Web开发

  对于表单，很常用。但是在web standard建站的时候，他的排版往往让人遗忘，到了真正用到的时候就发现让人头疼，当然我也遇到过。我现在要介绍一个用fieldset/label标签制作漂亮而且具体亲和力的表单的方法。 基本的xHTML: h3已注册用户登录/h3  form action="" method="post" name="apLogin" id="apLogin"  fieldset   legend用户登录/legend   div    label for="Name"用户...[ 查看全文 ]

  努力吧骚年love

  41
• 
  javascript 表单日期选择效果

  标签：Web开发

  Agenda BODY { FONT-SIZE: 9pt; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; } A { FONT-SIZE: 9pt; TEXT-DECORATION: none; color: #000000 } A:hover { TEXT-DECORATION: none; color: #000000 } A:link { TEXT-DECORATION: none } A:visited { TEXT-DECORATION: none } BR { FONT-SIZE: 9pt; height: 15pt; } TD { FONT-SIZE: 9pt; LINE-HEIG...[ 查看全文 ]

  qianwanlu1111

  61
• 
  表单按钮文字的传达效果

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  概括起来，所有表单都可以用OK/Cancel按钮解决问题。但如果能更明确表单场景，帮助用户建立对点击结果的期望，传达效果更直接。比如注册表单最后，用确定, OK能告诉用户表单填写完成，但在提交注册表单肯定是注册用户，所以如果用现在注册, Register now则能更的传达此时按按钮的结果。 同样道理，举最常见的blog评论表单例子。不少设计师blog评论表单按钮都是发表、确定发表、发表评论、发言完毕等类似说法...[ 查看全文 ]

  门兆生

  01
• 
  div css表单布局的五个小技巧

  标签：Web开发

  div css表单布局的五个小技巧可以帮助你更灵活的控制表单，使页面更加满意。 1、表单文本输入的移动选择： 在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 textarea 中，一切就会变得简单多了，如：  Example Source Code [www.devdao.com]textarea name=textarea wrap=virt...[ 查看全文 ]

  李良戈

  21
• 
  CSS常用样式效果

  标签：Web开发

  虽然CSS样式的学习需要我们动手多实践，需要多做案例，思致思考，但有时候注意资料的收集与整理也是非常重要的，在实际开发中往往会起到事半功倍的效果。在的文档中，也提供了丰富的内容。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。 一、按钮样式 .buttoncss { font-family: "tahoma", "宋体"; /**/ font-size:9pt; color: #003399; border: 1px #003399 solid; color...[ 查看全文 ]

  傻傻的问wj

  61
• 
  CSS样式控制图片裁切显示

  标签：Web开发

  我们在论坛新闻系统的时候，其中的有些图片会比较大破坏了整体布局的美观，现通过CSS定义方式使图片进行裁切显示，即，当图片的容器不足以显示整个图片时，会以左上角为开始显示，不足显示的将会隐藏。相关各位同仁也有此想法。现有以下CSS样式，所以贴出来同各位WEB 开发者共享！ 当然有人用img 的onload 事件对其宽高进行js控制，不过经招有时会因网页加载过快，或过慢而来不及执行，现向大家推荐...[ 查看全文 ]

  会计Q87850386

  231