用input页面标签
并将下Border设为直线
<style>
input[type="text"]{border-bottom:solid 1px #ccc}
<style>
<input type="text"/>
或
输出一条横线用：<hr>如果想让它长点就改变它的样式：<hr style="width:1000PX">变长和粗：<hr style="width:1000PXheight:20px">其中width 是宽（长），height是高（粗细）。
扩展资料：
<head></head>：这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符，其中标题标记符用于定义网页的标题，它的内容显示在网页窗口的标题栏中，网页标题可被浏览器用做书签和收藏清单。
参考资料来源：百度百科-html代码
具体 *** 作步骤如下：
1、先选定这个单元格，然后把该单元格变大一些，以便输入内容。然后点击功能区的“插入”--“形状”。
2、在“形状”的下拉菜单中我们选择线条中的直线。
3、此时拖动鼠标在单元格内插入横线。
4、我们双击单元格进行内容的编辑，如果两行都需要输入文字，使用alt+enter键换行即可。
5、最后输入的文字效果如下。我们对所作更改进行保存即可。
<p>hr控制
<!-- width控制线的长度size控制线的粗细 -->
横线：<hr width=500 size=0 color="#999999">
<!-- width控制线的宽度，size控制线的长短 -->
横线<br><div style="position:relative width:600 height:1px background-color:red"></div>
<div style="background:#fff
text-align: center
margin:0 auto
margin-bottom:-18px
width: 90px
position:relative
">XXXXXXXXX</div><hr/>
扩展资料
在网页中画一条竖线
1<div style="width:1000height:1border-top:1px dotted #000000"></div>2<s
style="width:1000height:1border-top:1px dotted #000000"></s>3<b
style="width:1000height:1border-top:1px dotted #000000"></b>4<input
style="width:1000height:1border-top:1px dotted #000000">5<a
style="width:1000height:1border-top:1px dotted #000000"></a>6<center
style="width:1000height:1border-top:1px dotted #000000"></center>7<iframe
style="width:1000height:1border-top:1px dotted #000000" frameborder=no>
</iframe>8<img style="width:1000height:1border-top:1px dotted #000000">
</img>9<hr size="1" noshade style="height:100width:1border:1px dotted
#000000zoom:2">线条长度=zoom*height10<hr size="1" noshade style="border:1px
dotted #000000">部分不能显示请装IE5.5+
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）