用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代码
方法有以下几种：
一、使用全角空格；
全角空格被解释为汉字，所以不会被被解释为HTML分隔符，可以按照实际的空格数显示；
二、使用空格的替代符号；
替代符号就是在需要显示空格的地方加入替代符号，这些符号会被浏览器解释为空格显示。
空格的替代符号有以下几种：
文字超出了需要隐藏并显示省略号这个在工作中很多时候都要用到，两种方法可以实现：一是用程序开截取字符长度，二是用样式来做。
css样式如下：
[css]
.css1{
color:#6699ffborder:1px #ff8000 dashed
margin-bottom:20px
width: 20em/*不允许出现半汉字截断*/
}
.css2 {
overflow: hidden/*自动隐藏文字*/
text-overflow: ellipsis/*文字隐藏后添加省略号*/
white-space: nowrap/*强制不换行*/
width: 20em/*不允许出现半汉字截断*/
color:#6699ffborder:1px #ff8000 dashed
}
[/css]
html代码如下：
[html]
<div class="css1">Web前端开发 – 专注于网站前端设计与Web用户体验</div>
<div class="css2">Web前端开发 – 专注于网站前端设计与Web用户体验</div>
[/html]
<st这yle type=”text/css”>
.css1{
color:#6699ffborder:1px #ff8000 dashed
margin-bottom:20px
width: 20em/*不允许出现半汉字截断*/
}
.css2 {
overflow: hidden/*自动隐藏文字*/
text-overflow: ellipsis/*文字隐藏后添加省略号*/
white-space: nowrap/*强制不换行*/
width: 20em/*不允许出现半汉字截断*/
color:#6699ffborder:1px #ff8000 dashed
}
</style>
<div class=”css1″>Web前端开发 – 专注于网站前端设计与Web用户体验</div>
<div class=”css2″>Web前端开发 – 专注于网站前端设计与Web用户体验</div>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）