求hr在CSS中的表示方法

，hr 標簽在 HTML 頁面中創建一條水平線。水平分隔線（horizontal rule）可以在視覺上將文檔分隔成各個部分。如下這個示例：htmlbodyphr 標簽定義水平線：/phr /p這是段落。

站在用戶的角度思考問題，與客戶深入溝通，找到海南州網站設計與海南州網站推廣的解決方案，憑借多年的經驗，讓設計與互聯網技術結合，創造個性化、用戶體驗好的作品，建站類型包括：成都網站設計、成都網站制作、企業官網、英文網站、手機端網站、網站推廣、國際域名空間、虛擬主機、企業郵箱。業務覆蓋海南州地區。

hr標簽的width屬性用于指定水平線的寬度（以像素或百分比為單位）。

hr 標簽在 HTML 頁面中創建一條水平線。水平分隔線（horizontal rule）可以在視覺上將文檔分隔成各個部分。至于CSS，如果不針對HR標簽書寫CSS樣式，那就只是一條黑色水平線。CSS可以定義更漂亮的分割線。

CSS定義HR水平線的幾種樣式

對于CSS定義水平線標簽，常用的有以下幾種樣式，僅供參考。對于 程序代碼height：1px；border：none；的主要用途就是Css Reset，關于Css Reset可以搜索下博客里其他文章介紹。

hr width=寬度 color=顏色 寬度范圍為1到100，顏色可以任意設置指定的RGB顏色代碼。通過這種方式來設置HR標簽的長度跟顏色。hr 標簽在 HTML 頁面中創建一條水平線。

hr標簽的width屬性用于指定水平線的寬度（以像素或百分比為單位）。

水平分隔線（horizontal rule）可以在視覺上將文檔分隔成各個部分。如下這個示例：htmlbodyphr 標簽定義水平線：/phr /p這是段落。/phr /p這是段落。/phr /p這是段落。

首先，打開html編輯器，新建html文件，例如：index.html。在index.html中的style標簽中，輸入css代碼：div {height：60px；border-bottom：1px dashed}。

HTML hr 標簽在 HTML 頁面中創建一條水平線；水平分隔線（horizontal rule）可以在視覺上將文檔分隔成各個部分。hr 標簽的厚度可以使用CSS中的height屬性設置；最小高度可以是1px，因為可用的最小單位是1像素。

如何控制HR標簽制作的網頁水平線的長度和顏色?

1、通過設置HR的屬性來控制標簽的水平線的長度跟顏色，width= 來控制為寬度，color= 來控制水平線的顏色。hr width=寬度 color=顏色 寬度范圍為1到100，顏色可以任意設置指定的RGB顏色代碼。

2、hr標簽的width屬性用于指定水平線的寬度（以像素或百分比為單位）。

3、啟動Dreamweaver，打開要修改的網頁；設計視圖下點擊要修改的水平線，下方屬性面板點擊右側快速標簽編輯器按鈕；彈出浮動的編輯標簽窗口，在原有hr后輸入color=“顏色代碼”，如下圖：按F12打開瀏覽器預覽效果。

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

5、我們已經插入一個水平線了之后，選擇水平線。鼠標右鍵找到編輯標簽，快捷鍵是Shift+F5鍵。我們在標簽編輯器里點擊瀏覽器特定的。隨后我們點擊顏色。我這里選擇一個紅色好了。

使用CSS更改hr標簽的厚度

1、hr標簽的常用屬性，Size：設置水平線的粗細。Width：設置水平線的寬度， Color：設置水平線的顏色，noshade：純色顯示，不帶陰影效果。最后運行網頁，查看效果，如圖所示，就完成了。

2、hr標簽的width屬性用于指定水平線的寬度（以像素或百分比為單位）。

3、，hr 標簽在 HTML 頁面中創建一條水平線。水平分隔線（horizontal rule）可以在視覺上將文檔分隔成各個部分。如下這個示例：htmlbodyphr 標簽定義水平線：/phr /p這是段落。