怎么用HTML标签画一条竖线

html-css014

怎么用HTML标签画一条竖线,第1张

想用它来划竖线,一般可以直接使用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>

1、英文输入法状态下,按shift+顿号键(由一个竖道跟一个顿号组成)。

2、超文本标记语言,标准通用标记语言下的一个应用。

扩展资料

1、可以写代码让“ | ”显示出来,写一个长方行让他的宽度为0或1来实现。

例如:height:50pxborder:1px solid #000

2、可以在span标签中添加“|”也是可以用来实现的。

<div style="width:150pxheight:150pxfloat:leftbackground:#f00"></div>

 <div style="width:1pxheight:150pxfloat:leftbackground:#000margin-left:10pxmargin-right:10px"></div>

   <div style="width:150pxheight:150pxfloat:leftbackground:#0f0"></div>

可以通过建立一个1PX宽度的DIV来做为竖线,,但是这种写法,兼容性不太好,一些旧浏览器容易出现默认最小宽度。

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

可以自己尝试一下。