html5怎么弄一个竖线，html画一条竖线

用html代码怎样画一条竖直线。1像素,纯黑色的,长500px.

想用它来划竖线，一般可以直接使用html代码实现或借助css代码来实现都可以。方案一：html、body、phr 标签定义水平线：/p、hr /、p这是段落。/p、hr /、p这是段落。

首先打开html编辑器，新建一个html文件，例如：index.html。其次，在index.html的body标签中，添加代码：hr/。浏览器运行index.html页面，此时成功在html中画了一条线。

height：1px；font-size：0px；background：#ff0000；//理论上是这样写，但是这种写法兼容性不强。html本身自带的hr标签就是水平线，但是基本没人用，自带样式太不美观了。所以不妨换个思路，用border 来解决。

使用hr /标签可以插入一条直线。动态页面是一对多访问。通过一个页面。可以根据若干参数返回其不同的数据。但是静态页面因为是静态所以是一个页面对应一个内容，也就是一对一的关系。

input type=text/ 或 输出一条横线用：hr如果想让它长点就改变它的样式：hr style=width：1000PX；变长和粗：hr style=width：1000PX；height：20px；其中width 是宽（长），height是高（粗细）。

绘制1像素的线，方法有：直线 单行、单列选区法，如下图：这种方法的特点是快捷简单，但是，只能贯穿横幅或者贯穿竖幅，其长度或者高度不能控制。矩形选框工具法 A、选择选框工具。

相关问答

Q1: 如何在一个div标签中间添加一条竖线

1、把div的宽度设置为1px，居中，那就是中间有一条竖线了。

2、想用它来划竖线，一般可以直接使用html代码实现或借助css代码来实现都可以。方案一：html、body、phr 标签定义水平线：/p、hr /、p这是段落。/p、hr /、p这是段落。

3、首先，设置一个盒子，里面分别存放两个div，然后左右两个div的宽度是整个盒子的一半。上面左边的div宽度设置成399px 是因为边框线有1px。也可以把右边的div设置左边框。

4、电脑、chrome浏览器、html编辑器。首先打开html编辑器，新建一个html文件，例如：index.html。其次，在index.html的body标签中，添加代码：hr/。浏览器运行index.html页面，此时成功在html中画了一条线。

Q2: 如何使用HTML在两个div标签中间画一条竖线

1、在两个子div中加多一个div，并设置左（右）边框为可见，并且利用利用padding-bottom|margin-bottom正负值相抵消的原理。

2、打出来那个字符|，给它的字体色改成灰色就行了，或是用图片画一条细竖线也可以，再或者可以用前或后面标签的border-left或border-right样式定义。HTML标签和实体字符都没有这种竖线。

3、还有一个办法是，也是这样三个DIV布局，中间的宽度可以设置大一些，通过BORDER-LEFT，或者RIGHT，来建立一边边框做为竖线，然后，左边或者右边的DIV，通过MARGIN，padding的-值来减消中间DIV的宽度就可以了。可以自己尝试一下。

4、background-color： black；margin： auto；height： 1000px；/div/body/html代码如上，主要就是点线面，如果一个面的宽度很窄，那看起来就是一条线了，把div的宽度设置为1px，居中，那就是中间有一条竖线了。

Q3: 怎么打出竖线?

1、在键盘上找到shift按键和竖线输入按键。方法是：按住shift键和竖线键就可以了。打开word，进入到新建的空白文档后，点击“插入”。选择字符中的“其他符号”。接着找到“|”符，插入即可。

2、方法1：在任何输入法（英语、中文）的情况下，同时按住键盘上的shift键和斜杠键，就能显示出【|】。方法2：以搜狗输入法为例，点击输入法出现对话框。在输入法上点击右键，选择“表情&符号”。

3、方法如下：用电脑的WPS打开Word文档，点击上面的插入。点击上面的形态。选择直线图标。画出一条竖线，竖线就打出来了。

4、要打出一个竖杠（|），可以用键盘打出来，同时按住Shift和\键（Bacespace键下方）就可以打出来了； 要打出两个竖杠（||），只需要重复操作两次就可以了。

5、在word中打出短竖线“|”的操作方法：方法一：单击插入---符号---其它符号，如图所示；弹出符号对话框，插入如图所示的符号即可。

关于html5怎么弄一个竖线和html画一条竖线的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。