導航:首頁 > 萬維百科 > 網頁設計虛橫線

網頁設計虛橫線

發布時間:2021-01-17 15:54:22

1、如何在HTML中設計<hr>即水平線的顏色??

在HTML中設計水平線的方法如下

1  在網頁設計過程中,如果隨意利用預設水平線,常常會出現插入的水平線與整個網頁顏色不協調的情況。打開水平線屬性面板也只有寬、高、對齊以及陰影方面的設置。

2,對水平線顏色的設置,怎麼辦? 其實,你只要仔細看一下水平線的屬性設置面板,就會發現一個「快速標簽編輯器」,點擊此標簽並在後面輸入color=顏色。這里的「顏色」可以是任何顏色,一般格式為:< hr color=#FF0000>。

3,用這個方法設置後,在Dreamweaver中無法直接看到效果,我們可以點擊「F12」鍵,在瀏覽器里瀏覽水平線的顏色變化。 

最後,再告訴你個小技巧

諸如「#FF0000」這樣的顏色代碼對於初級朋友來說不容易分辯,你可以這樣做:給網頁中的字體加上顏色此顏色是你想給水平線所要加的顏色,然後把顏色代碼復制並粘貼到水平線的「快速標簽編輯器」即可。

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

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

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、網頁設計中怎麼可以弄橫線,如下http://hao.360.cn/最上面的橫線。

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

5、網頁製作,請教超級連接下面的橫線怎麼去掉呢?

樓上的不會就別亂說.

我們最常用的是4種a(錨)元素的偽類,它表示動態鏈接在4種不同的狀態:link、visited、active、hover(未訪問的鏈接、已訪問的鏈接、激活鏈接和滑鼠停留在鏈接上)。我們把它們分別定義不同的效果:

a:link {color: #FF0000; text-decoration: none} /* 未訪問的鏈接 */
a:visited {color: #00FF00; text-decoration: none} /* 已訪問的鏈接 */
a:hover {color: #FF00FF; text-decoration: underline} /* 滑鼠在鏈接上 */
a:active {color: #0000FF; text-decoration: underline} /* 激活鏈接 */

(上面這個例子中,這個鏈接未訪問時的顏色是紅色並無下劃線,訪問後是綠色並無下劃線,激活鏈接時為藍色並有下劃線,滑鼠在鏈接上時為紫色並有下劃線)
注意:有時這個鏈接訪問前滑鼠指向鏈接時有效果,而鏈接訪問後滑鼠再次指向鏈接時卻無效果了。這是因為你把a:hover放在了a:visited的前面,這樣的話由於後面的優先順序高,當訪問鏈接後就忽略了a:hover的效果。所以根據疊層順序,我們在定義這些鏈接樣式時,一定要按照a:link, a:visited, a:hover, a:actived的順序書寫

6、怎麼在網頁中給文字加上下劃線

1、新建一個html文件,命名為test.html,用於講解css怎麼在網頁中給文字加上下劃線。

2、在test.html文件內,使用p標簽創建一行文字,文字內容為「這是測試的文字」。

3、在test.html文件內,設置p標簽的id屬性為tt,主要用於下面通過該id設置p元素的css樣式。

4、在test.html文件內,編寫<style type="text/css"></style>標簽,頁面的css樣式將寫在該標簽內。

5、在test.html文件內,在css標簽內,通過元素名稱來定義其css樣式,下面將在花括弧內編寫css樣式。

6、在css標簽內,在花括弧內將text-decoration屬性設置為underline,從而實現文字加上下劃線的效果。

7、在瀏覽器打開test.html文件,查看實現的效果。

7、dw製作網頁時,網頁中的橫線是怎麼製作的?求詳細步驟。

可以用 <div style="width1200px; height:1px;background:#000;font-size:0;"></div> 這一句,直接插在需要橫線的地方就可以。

與網頁設計虛橫線相關的知識