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;

}

用户名:

密　码:

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

[Swift通天遁地]二、表格表单-(11)创建星期选项表单和拥有浮动标签的文本框
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ➤微信公众号:山青咏芝(shanqingyongzhi) ➤博客园地址:山青咏芝(https://www.cnblog ...
户界面样式-表单轮廓和防止拖拽文本域（HTML、CSS）
户界面样式-表单轮廓和防止拖拽文本域(HTML.CSS) <!DOCTYPE html> <html lang="en"><head><m ...
用 Javascript 验证表单（form）中多选框（checkbox）值
和单选框一样,许多新手在用 Javascript 验证表单(form)中多选框(checkbox)的值时,都会遇到问题,原因是 checkbox 和普通的文本框在获取值的时候有很大不同,本文介绍了一个 ...
html 表格，列表，表单，select和下拉选框，textarea多行文本域，label关联控件，表单，浮动框架，结构化标签
1. 表格表格的语法 (1) table标签: 表示表格的开始和结束.表格的所有内容都需要写在这一对标签里 (2) tr标签: 表示表格中的一行 table row (3) td标签:要写在tr中, ...
Spring MVC：表单处理卷。 2 –复选框处理
很难想象现代Web应用程序中没有表单复选框的情况. 在之前的一篇文章中,我写了有关Spring MVC中的表单处理的文章 ,作为本系列文章的续篇,我将写有关Spring MVC表单的文章,尤其是关于复 ...
Spring MVC：表单处理卷。 3 –复选框处理
我已经发布了有关使用Spring MVC标签库处理'checkbox'标签的帖子. 现在,我要开发此主题并继续使用"复选框"标签. 它并不难,但是在某些情况下,您最好使用它. 在本 ...
css3伪类、表单控件伪类、文本相关伪类、afater清浮动、not选择器、毗邻元素、文字缩略
0804 css3伪类 target 突出显示活动的 HTML 锚 div:target{background: #0e3757;} 表单控件伪类 <style>input:enabled ...
form表单注意点合集（文本域、单选框、复选框、下拉框等）
.html <form action="#" target="_blank">账号:<input type="text" ...
Html5 表单语法，按钮和多选框，
表单语法 <form method="post" action="result.html"><p>名字:<input name=& ...

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

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

最新文章

热门文章