只有下划线的文本框 css,CSS小例子(只显示下划线的文本框，像文字一样的按钮)_经验交流...

只显示下划线的文本框，像文字一样的按钮

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;

}

-->

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;

}

用户名:

密码:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]