HTML的文本框如何变成横线形式
给这个input输入框加下边框就可以了，下面是我前几天刚写的一个，能实现你所要的效果。
你的文本框的代码中加一个style的项目，然后后面写对应的CSS样式即可。
input { border-style：none；border-bottom-style：solid；border-bottom-width：thin；border-bottom-color：red；} 你测试一下吧 ，我测试过没问题。
下面给出下图这三种长横线的输入方法。第一种长横线，首先把输入法切换至任意一种中文输入法，并切换至半角状态。居中的长横线叫作连接线，按着Shift键不放输入“-”减号键即可输入居中连接线。
html设置横线颜色和长度
1、输出一条横线用：hr如果想让它长点就改变它的样式：hr style=width：1000PX；变长和粗：hr style=width：1000PX；height：20px；其中width 是宽（长），height是高（粗细）。
2、hr标签的width属性用于指定水平线的宽度（以像素或百分比为单位）。
3、选择要插入线的html位置，然后单击代码的最左侧，将光标直接放在线条的开始处.创建一个空格，按住Enter两次向下移动，然后将光标向上移动到空白处点击颜色选择成为黑色就可以啦。
4、hr width=宽度 color=颜色 宽度范围为1到100，颜色可以任意设置指定的RGB颜色代码。通过这种方式来设置HR标签的长度跟颜色。hr 标签在 HTML 页面中创建一条水平线。
5、电脑、chrome浏览器、html编辑器。首先打开html编辑器，新建一个html文件，例如：index.html。其次，在index.html的body标签中，添加代码：hr/。浏览器运行index.html页面，此时成功在html中画了一条线。
6、用一个div设置他的高度，width等于1，用border、background都可以给它设置颜色，它就是一条直线了。
如何在HTML中画一条线
1、近日在画一个界面的时候，遇到一个需求：在界面当中画一条竖线，且这条竖线在高度上需要自动占满整个父div(即这条竖线的高度和两个div中较高的一个等高)。
2、打出来那个字符|，给它的字体色改成灰色就行了，或是用图片画一条细竖线也可以，再或者可以用前或后面标签的border-left或border-right样式定义。HTML标签和实体字符都没有这种竖线。
3、首先打开html编辑器，新建一个html文件，例如：index.html。其次，在index.html的body标签中，添加代码：hr/。浏览器运行index.html页面，此时成功在html中画了一条线。
html添加横线代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html中怎样添加一条竖线、html添加横线代码的信息别忘了在本站进行查找喔。