CSS代码实现下划线样式的输入框效果

作者：佚名时间：2010-03-16 12:42:00　

在网上我们常常看见一些注册表单的输入框部分并不是我们常见的矩形框，而是一条细线，很多朋友对此很感兴趣。其实要实现这样的效果并不困难，我们只要用一段简短的CSS代码控制好表单输入框的样式即可。
　　示例效果图如下： 　　

下面我们就来看看这段实现效果的css代码。它主要运用了表格边框的样式控制，将左、上、右边框设置为0，只剩下下边框即可。

　　下面让我们一起来看一个应用实例：

<html> 　　<head> 　　<title>横线式输入框</title> 　　<style type="text/css"> 　　 　　</style>　　 　　</head> 　　<body bgcolor="#FFFFFF" text="#000000"> 　　隐藏的边框的输入框：　　<p>用户名：<input type="text" name="name" class="line">　　  　　</p> 　　</body> 　　</html>

标签：样式,css,输入框

投稿

CSS代码实现下划线样式的输入框效果

猜你喜欢

mysql学习之引擎、Explain和权限的深入讲解

在python中bool函数的取值方法

安装Pycharm2019以及配置anconda教程的方法步骤

详解Python中@staticmethod和@classmethod区别及使用示例代码

通过实例简单了解python yield使用方法

Anaconda最新版2023安装教程Spyder安装教程图文详解

vuex实现购物车功能

微信公众平台网页授权获取用户基本信息中授权回调域名设置的变动

JavaScript 创建随机数和随机图片

pygame实现俄罗斯方块游戏（对战篇1）

Python编写屏幕截图程序方法

jqeury eval将字符串转换json的方法

python+selenium 定位到元素,无法点击的解决方法

pygame实现雷电游戏雏形开发

Go语言context上下文管理的使用

textarea 在IE和FF下换行无法正常显示的解决方法

Sql Server查询性能优化之不可小觑的书签查找介绍

MYSQL METADATA LOCK(MDL LOCK)MDL锁问题分析

M1芯片安装python3.9.1的实现

让Entity Framework支持MySql数据库