曲径通幽论坛

标题: 一条线的文本框 [打印本页]
作者: beyes    时间: 2015-12-25 16:43
标题: 一条线的文本框
一般情况下，表单里的文本框是一个矩形，供用户输入用户名和密码之类。但是像一些填写的表格，比如价格之类的，就只需要一条下划线。考察下面代码，它同时制作出了一个普通的文本框和一条线的文本框。

  1.         <style type="text/css">
  2.                 .ip { border:none; border-bottom:dashed 1px #060;}
  3.     </style>

  5. </head>

  7. <body>
  8.         <input type="text" /> <br/>
  9.     <input type="text" class="ip" />        

  11. </body>
复制代码

效果图：
[attach]4265[/attach]


你可能看到别人的论坛上的登录表单，或者是快速发帖框里有背景图片，实现起来也很简单，同样可以对文本框的添加 background-image 来描述。




欢迎光临 曲径通幽论坛 (http://www.groad.net/bbs/) Powered by Discuz! X3.2