導航:首頁 > 萬維百科 > 網頁設計怎麼加分隔橫線

網頁設計怎麼加分隔橫線

發布時間:2020-12-03 15:48:58

1、網頁設計如何插入水平線

在Dreamweaver里有以下辦法:
1、設計視圖,點插入菜單-HTML-水平線,或者在代碼視圖,直接輸入<hr>即可;
2、插入一個高度為1px的表格或div,一定要刪除空格符 ,div的話還要設置超出隱藏;
3、可以用CSS:border-bottom:1px solid #ccc;
4、可以用插入一個直線圖片

2、用DW做網頁如何製作分割線?

你說的分割線是不是指在DW里畫一條線?
打開DW在代碼視圖的<body>...</body>里輸入:<hr>看一下

3、網頁設計讓橫線和豎線連在一起

<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />無標題文檔</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>

4、PS網頁製作的12分隔輔助線怎麼弄

按住ctrl+R就可以拿標注線幫你劃分

5、請問有人知道在ps製作網頁時如何做出這種分割線效果?

在原圖上新建一個圖層,取相同的顏色畫一條你想要粗細的直線,右擊該直線所在的圖層,選擇混合選項。點擊鞋面和浮雕,調整結構中的方向向下,自己調整合適的深度大小。

6、網頁設計里我想加一個長「丨」線,把網頁分成左右兩部分,怎麼加啊,請高人指點!!!

。。。雖然看著這個問題傻得離譜,我還是回答了 ,只需給左邊部分的右邊框或者右邊部分的左邊框添加border屬性 ,豎線效果就出來了,!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
#left { float:left;
height:500px;
width:50%;
border-right: solid #990 1px;
background:#999;}
#right {
float:right; height:500px;
background:#CCC;
width:50%;}
</style>
</head>

<body>
<div id="left"></div>
<div id="right"></div>
</body>
</html>

7、網頁中分割線的製作

圓角來的代碼太繁瑣,建議使用圖源片!
邊框:<p style="border:1px solid green">邊框為綠色的</p>
可以調用css
p{border:1px solid green}
<p>這里的邊框也是綠色的</p>

設置寬和高p{border:1px solid green;height:100px;width:100px;}
如果不滿意自己調試即可!

8、網頁設計中怎麼可以弄橫線,如下http://hao.360.cn/最上面的橫線。

添加下劃線標簽,你用的是什麼編碼的。

9、在製作網站時,如何讓打出來的字中間加一條橫線?

是刪除線吧

<font style="text-decoration: line-through;">測試文字</font>

把這個復制到網頁去看看是不是你要的效果。

10、網頁製作html圖片與分割線沖突?

把圖片設置一下:display: block;轉化成塊元素。

與網頁設計怎麼加分隔橫線相關的知識