设为首页收藏本站

开启辅助访问切换到窄版

首页BBS

曲径通幽论坛»首页 › Technology › 『 Software 』 › HTML/CSS › 一条线的文本框

发新帖

查看: 3633|回复: 0

上一主题

下一主题

[CSS] 一条线的文本框

4918 主题	5880 帖子	3万积分

曲径通幽，安觅芳踪。

Rank: 6 Rank: 6

积分: 34395

发消息

电梯直达

跳转到指定楼层

楼主

发表于 2015-12-25 16:43:15 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

一般情况下，表单里的文本框是一个矩形，供用户输入用户名和密码之类。但是像一些填写的表格，比如价格之类的，就只需要一条下划线。考察下面代码，它同时制作出了一个普通的文本框和一条线的文本框。

<style type="text/css">
.ip { border:none; border-bottom:dashed 1px #060;}
</style>
</head>
<body>
<input type="text" /> <br/>
<input type="text" class="ip" />
</body>

复制代码

效果图：

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

元素, 文本框

本帖子中包含更多资源

您需要登录才可以下载或查看，没有帐号？立即注册

x

相关帖子

回复

使用道具举报

发新帖

小黑屋|手机版|Archiver|曲径通幽 ( 琼ICP备11001422号-1|公安备案：46900502000207 )

GMT+8, 2025-5-4 11:36 , Processed in 0.126656 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表