導航:首頁 > 萬維百科 > 網頁中如何設計豎線

網頁中如何設計豎線

 發布時間：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.在「符號大全」中找到「標點符號」，下拉，找到「|」符號，點擊即可打出該符號即可。

與網頁中如何設計豎線相關的知識