CSS实例:横线样式的输入框
时间:[2005-11-4 9:26:32] 作者:未知
CSS实例:横线样式的输入框 |
日期:2005-9-3 16:37:51 人气: 6 [大字体 中字体 小字体] |
在网上我们常常看见一些注册表单的输入框部分并不是我们常见的矩形框,而是一条细线,很多朋友对此很感兴趣。其实要实现这样的效果并不困难,我们只要用一段简短的CSS代码控制好表单输入框的样式即可。 示例如下: 请输入您的用户名: 下面我们就来看看这段实现效果的css代码。它主要运用了表格边框的样式控制,将左、上、右边框设置为none,只剩下下边框即可。 样式表中代码解释如下: “BORDER-LEFT-STYLE:none”: 隐藏左边框 “BORDER-RIGHT-STYLE: none”: 隐藏右边框 “BORDER-TOP-STYLE: none”: 隐藏上边框 “BORDER-bottom-STYLE: none”: 隐藏下边框。 下面让我们一起来看一个应用实例: 用户名: |
【声明】本站刊载的《CSS实例:横线样式的输入框》一文如果有侵害你权益的情况,请联系我们。我们将及时采取措施。
QQ:44637339 Email:just6@163.com Tel:13355163107 Lining studios