html怎么表单变成一条线,让文本框变成一条直线

让文本框的边框变成一条线，很多朋友都喜欢把他的文本框变为一条横线， 体现个性。本例中还加入了背景透明，两者配合相信会有更加不错的效果。这样的话你就可以使用一张图片作为表单的背景，从而起到美化表单的作用

让文本框的边框变成一条线

body{

background-color:#daeeff; /* 页面背景色 */

}

form{

margin:0px; padding:0px;

}

.txt{

color:#005aa7;

border:0px;

border-bottom:1px solid #005aa7; /* 下划线效果 */

background-color:transparent; /* 背景色透明 */

}

.btn{

background-color:transparent; /* 背景色透明 */

border:0px; /*border:0px solid #005aa7;边框取消 */

cursor:pointer;

}

用户名:

密　码: