用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代码
用盒子模型实现竖线的效果。首先需要打开hbuilder编辑器，新建一个html文件，写入基本的html结构：然后插入一个div标签，在上方的style标签里面设置div的css样式，这里给div设置背景颜色，并给它一个高度，宽度设置为0，设置border-left属性即可做出竖线：最后打开浏览器，即可看到一个蓝色的竖线了。
插入<hr/>标签实现，修改宽度和高度实现竖线效果，由于<hr/>标签有局限性，不推荐使用；示例如下：<hr style="height:60pxwidth:1px" />。插入<table>表格标签，修改样式实现竖线效果,示例代码如下；<table style="height:60pxborder-color:000000border-left-style:solidborder-width:1px"><tr><td valign="top"></td></tr></table>
<style type="text/css" media="screen">.line_m{text-decoration:line-through}
</style>
<span class="line_m">中间是空格</span>文字<span class="line_m">中间是空格</span>
需要多长就多加一个(空格)。
CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。
在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。
它的作用可以达到：
（1）在几乎所有的浏览器上都可以使用。
（2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。
（3）使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。
（4）你可以轻松地控制页面的布局 。
（5）你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）