导航:首页 > 万维百科 > 网页中如何设计竖线

网页中如何设计竖线

 发布时间：2020-09-21 04:40:56

1、网页中的竖线是怎么弄出来的？请指教！

在网页中插入竖线的三种方法

世宪在前面曾介绍过在网页中插入竖线的方法，经我试验，起码还有三种方法：
1、“层”法：
本方法最灵活自由，你可以先把“层”设置为某一底色，再定义成1像素宽，适当高，然后移动到需要出现竖线的地方即可
2、“水平线”法。
我们知道，html的＜HR＞会产生如下所示的网页横线：

--------------------------------

但是，如果我们把这横线的“宽度”定义为“1”，高度为适当数字，同样能够插入一条竖线

3、表格法。
只要把表格的“列”定义成“1”像素宽，并设置成某底色，也能做出竖线效果

2、如图怎样在网页设计中弄出那个竖杠杠？

竖杠杠?是什么意思。
是导航栏目间的间格的竖杠杠。还是边框的边线竖杠杠

不管是什么也就两种方式：
1、图片形式插入 ：图片的杠杠，你可以把图做成各种样式。可以一杠里有多种色，
2、CSS样式控制 ：这样的杠杠是一条线，色彩可以随意设置。但是只能是纯色，一种色，

3、如何在html网页在div标签中添加竖线

这是一个div的左边框，请采纳！  如有疑问，及时沟通！

<style type="text/css">
  #a{
    border-left:1px solid black;
  }
</style>
<div id="a"></div>

4、网页中竖线是怎么做的

楼上说得不错，如下：
<table width=100% height=500>
<tr>
<td align=center width=30% style="border-left:#f00 1px solid; border-right:#ccc 1px solid;">我左边框是红色滴<br>我右边框是灰色滴
</td>
<td align=center width=70% style="border-right:#00f 1px solid;">我右边框是蓝色滴
</td>
</tr>
</table>

5、html中竖线分隔符怎么设定

你好！html里是没有自带的中竖线分隔符，但是你可以用div+CSS制作出一个，也就是用边框线来拉一个出来，宽高度由你自己定。参考如下：
<div style="height:100px; width:1px; border-left:1px #000 solid"></div>
希望我这样的回答能帮到你。

6、如何采用div+css设计横线或者竖线

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
.cross{
width:500px;
height:0;
border-top:1px solid blue;
}
.vertical{
width:0;
height:400px;
border-left:1px solid red;
}
</style>
<body>
<div class="cross"></div>
<div class="vertical"></div>
</body>
</html>

如果需要线条的粗细，可以改动border的粗细，比如

.vertical{
width:0;
height:400px;
border-left:5px solid red;
}

7、网页导航条中的竖线是怎么制作的啊？

一, 键盘上可以直接输 |
二, 如果是一条虚线的话, 那么是这样做的:
用Fireoworks新建一个1*3PX的图片, 在中间画一个点,然后将其导出,再在DW里建一个单元格,将其背景设为这个图片(注意,让它垂直方向重复,水平方向不重复 -- CSS),大功告成
三,CSS
<a href="#" style="border-right:1px solid #000">链接</a>

8、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，居中，那就是中间有一条竖线了。

9、网页中竖线的几种做法

Q：A：1、用水平线做：一般水平线的是宽长高短<hr width="1000" size="1"color=#000000，做竖线我们可以反过来宽短高长，<hrwidth="1"size="1000"2、用表格做：(1) 代码如下：<table width="1" border="1" bordercolor="#000000"height="1000" frame=rhs<tr<tdstyle="border:none"</td</tr</table(2) 代码如下：<table width="1" height=1000border="0"<tr<td width="1"bgcolor="#000000"<img src=emptywidth="1"height="1"</td</tr</table这个做法也简单，把背景色设置一下，宽设1px，高度就随便你控制啦~注意表格中间的填充！(3)定义表格的背景色，再改表格的width,height，然后去掉其中的“&nbsp;”。但这只能在ie下看。如果要适合nc，就得再进行修改，有两种方法：A：制作一个1×1px的透明图片将其插入。B：在td中加入<spacer type=blockheight=1或<spacer type=blockwidth=13、用层做：这是最简单的做法，做一个层，层的背景色是你要的竖线颜色，宽度是1px，长度随你！

10、HTML 里竖线 这个“ | ” 符号怎么弄？谢谢解答。

工具：输入法、电脑

具体步骤如下：

1.打开HTML网页网页，找到要插入“|”符号的位置。

2.在输入法中，切换至搜狗输入法。

3.在输入法对话框中，点击鼠标右键。找到“表情符号”。

4.在“表情符号”后面找到“符号大全”，点击进入。

5.在“符号大全”中找到“标点符号”，下拉，找到“|”符号，点击即可打出该符号即可。

与网页中如何设计竖线相关的知识