CSS示例：横线样式的输入框在网上，我们经常看到一些注册表单的输入框不是通常的圆形框，而是一条细线。 很多学生对此非常感兴趣。 其实css 输入框样式，要达到这样的疗效并不难。 我们只需要使用一段简单的CSS代码就可以控制表单输入框的样式css 输入框样式，示例如下： 请输入您的用户名： 我们来看看这段CSS代码实现的效果。 主要利用表格边框的样式控制，将左、上、右边框设置为none，只保留下边框。 styletype="text/css".line{BORDER-LEFT-STYLE:none;BORDER-RIGHT-STYLE:none;BORDER-TOP-STYLE:none/style 样式表中的代码解释如下：“BORDER-LEFT -STYLE:none"：隐藏左边框 "BORDER-RIGHT-STYLE:none"：隐藏右边框 "BORDER-TOP-STYLE:none"：隐藏上边框 "BORDER-bottom-STYLE:none"：隐藏上边框底部边框。 我们来看一个应用示例： htmlheadtitle 横线输入框/titlestyletype="text/css".line{BORDER-LEFT-STYLE:none;BORDER-RIGHT-STYLE:none;BORDER-TOP-STYLE:none /style !--注：这部分是css代码，您还可以在这里设置其他样式效果--/headbodybgcolor="#FFFFFF"text="#000000"隐藏边框的输入框：p用户名：inputtype="text"name= "name"class=line 注意：class=line这句话将你预设的css应用到form/body/html中，达到简洁清新的效果。
发表评论