请问这个效果怎么实现的（简单网页前台）

本来代码
[code="java"]A:[/code]
在网页中的效果：
[img]/upload/attachment/127989/a0172741-0e09-3c2f-ac8e-cac09bff4998.jpg[/img]

但现在他显示的效果是：

[img]/upload/attachment/127991/5c195f22-ea1b-34d2-8860-d2fa448a2a3c.jpg[/img]

感觉这个是用css改的吧？具体怎么改？
[b]问题补充：[/b]
谢谢！请问这个效果是怎么搜索出来的，什么关键词，我想自己google下，但不知道搜啥
[b]问题补充：[/b]
其实就是
border-bottom:1px solid #005aa7; /* 下划线效果 */

border-top:0px;

border-left:0px;

border-right:0px;

网上又找了个例子..供参考...
[code="java"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


只显示下划线的文本框，像文字一样的按钮<!-- body{ background-color:#daeeff; /* 页面背景色 */ } form{ margin:0px; padding:0px; font:14px; } input{ font:14px Arial; } .txt{ color:#005aa7; border-bottom:1px solid #005aa7; /* 下划线效果 */ border-top:0px; border-left:0px; border-right:0px; background-color:transparent; /* 背景色透明 */ } .btn{ background-color:transparent; /* 背景色透明 */ border:0px; /*border:0px solid #005aa7;边框取消 */ cursor:pointer; } --> body{ background-color:#daeeff; /* 页面背景色 */ } form{ margin:0px; padding:0px; font:14px; } input{ font:14px Arial; } .txt{ color:#005aa7; border-bottom:1px solid #005aa7; /* 下划线效果 */ border-top:0px; border-left:0px; border-right:0px; background-color:transparent; /* 背景色透明 */ } .btn{ background-color:transparent; /* 背景色透明 */ border:0px; /*border:0px solid #005aa7;边框取消 */ cursor:pointer; }


用户名: 密　码:


[/code]

在样式里用下面这个就行了..颜色自己去掉..
[code="java"]<br> .style5{<br> background:#ffffff;border-bottom-color:#ff6633; border-bottom-width:1px;border-top-width:0px;border-left-width:0px;border-right-width:0px; solid #ff6633; color: #000000; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}<br> input.buttonface{BACKGROUND: #ffcc00; border:1 solid #ff6633; COLOR: #ff0000; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal<br> }<br> [/code]

实际上就是把input text的border 上,左,右的border置0
再把border-bottom,改改..

google:
css input 文本下划线