育才学习网1.怎么用HTML标签画一条竖线
想用它来划竖线，一般可以直接使用html代码实现或借助css代码来实现都可以。
方案一：<html>；、<body>；、<p>hr 标签定义水平线：</p>；、<hr />；、<p>；这是段落。</p>；、<hr />；、<p>；这是段落。</p>；、<hr />；、<p>；这是段落。</p>；、</body>；、</html>
方案二：<!DOCTYPE html>；、<html>；、<head>；、<meta charset="UTF-8">:<title>float</title、</head>；、<div id="div1"></div>；、<style>；、#div1{、width: 500px；、border-bottom: 1px solid red；、}、</style>；、</html>
2.HTML 里竖线 这个“ | ” 符号怎么弄
可以通过设置一个span元素，赋予css样式实现。
css代码如下：（主要css属性是border-right;border-right:1px solid gray;padding-right:10px;padding-left:10px）假设一个div，包含三个span元素（也可以是任何两个具有第三批；display-block属性的元素），其中一个为第一步定义的span竖线元素。在两个文字之间就插入了平行的分隔线“|”，执行效果如下：扩展资料：span 没有固定的格式表现。
当对它应用样式时，它才会产生视觉上的变化。例子：some text.some other text.例子解释：如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。
尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。
HTML:提示：。 。
。;CSS:p.tip span {font-weight:bold;color:#ff9955;}。
3.HTML中插入竖线的代码是什么
HTML没有直接表示竖线的标签代码，要插入竖线效果可以插入其他标签代码间接形式实现，主要有两种方法：
1. 插入标签实现，修改宽度和高度实现竖线效果，由于标签有局限性，不推荐使用；示例如下：
2. 插入表格标签，修改样式实现竖线效果，示例代码如下；
实现后的竖线效果如下：
4.html中如何子中间做出一条竖线
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<div style="width: 1px;background-color: black;margin: auto;height: 1000px;"></div>
</body>
</html>；代码如上，主要就是点线面，如果一个面的宽度很窄，那看起来就是一条线了，把div的宽度设置为1px，居中，那就是中间有一条竖线了。