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