『壹』 html中手機端如何自適應分割線的寬度
<hr style="width: 50%">
可以用百分比，也可以固定尺寸
『貳』 html/ css 代碼如何實現類似在hr中間夾文字的
這種效果一般是用來做分割線，分為以下兩種情況
這種效果實現起來並不難，可以用很多方法實現：
方法1：圖片，簡單，美觀
方法2：hr+p標簽，兩種情況p標簽都要添加position：relative，p標簽的z-index屬性的值要高於hr標簽，然後調整left和top的值，讓文字壓住橫線，第一種情形p標簽設置背景色白色，第二種背景透明即可
（圖片文字已處理。。。）
『叄』 html中如何實現下面的這種分割線效果（圖）求大神解答~~
這個應該不是分割線。
如果是兩條分割線，設置屬性display:inline-block.
例子：
<div style=" width:100%; text-align:center"> //設置居中
<hr style=" width:20%; display:inline-block" /> 中間插入的文字 <hr style=" width:20%; display:inline-block" />
</div>
『肆』 html中， 1.怎麼製作如圖的超鏈接樣式，2.能改變分割線<hr>粗細，在裡面添加文字，寫成超鏈接嗎
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title></title>
<styletype="text/css">
div{
width:100%;
height:30px;
background:#65666D;
}
ul{
width:600px;
margin:auto;
}
li{
float:left;
list-style:none;
margin-right:20px;
line-height:30px;
}
a{
text-decoration:none;
color:white;
}
hr{
height:20px;
background:red;
}
</style>
</head>
<body>
<div>
<ul>
<li><ahref="#">首頁</a></li>
<li><ahref="#">分類</a></li>
<li><ahref="#">雜志</a></li>
<li><ahref="#">任務</a></li>
<li><ahref="#">簽到</a></li>
<li><ahref="#">回享計劃</a></li>
<li><ahref="#">商場</a></li>
<li><ahref="#">知道</a></li>
</ul>
</div>
<hr>
</body>
</html>
參考以上代碼實現你要的1的效果，
2，可以對hr進行修飾，但是不能在裡面添加文字
『伍』 如何改變HTML裡面橫線的長度《hr/》
1、<hr>標簽的width屬性用於指定水平線的寬度（以像素或百分比為單位）。
2、採用CSS方法：
<hr style="width:50%" />
(5)前端分割線hr如何加粗擴展閱讀：
<hr>標簽用於創建一條水平線。
<hr>元素可被用來分隔HTML頁面里的內容。
在HTML中，<hr>元素不需要結束標簽。
但XHTML中，<hr>元素必須像下面這樣正確關閉：<hr />。
<hr>元素在不同瀏覽器里外觀會略有不同。
支持的屬性：
class：類名，指明元素的類名。
dir：rtl或者ltr，指定元素里內容的文本方向。
id：id，指明元素的唯一id。
lang：語言代碼，指定元素內容的語言代碼。
style：樣式定義，指定元素的內嵌樣式。
title：文本，指定元素的提示文本。
xml:lang：語言代碼，在XHTML文檔中指定元素內容的語言代碼
『陸』 灰色的分割線如何打出來
用display:inline-block實現。這個屬性通俗一點的解釋就是讓塊級元素可以在一行顯示。既是塊級元素又可以在同一行顯示就可以設置display:inline-block.我們看下面的代碼是如何來實現分割線的效果。優點：文字可多行顯示，始終保持居中。
用背景色來實現。如果要做的網頁背景色是純色的話可以用這個方法來實現，代碼很簡潔，並且寬度可以自適應顯示。這個方法主要就是設置文字的背景來蓋住文字所在部分的線。
用一個標簽來實現。這個方法代碼更簡潔了。注意line-height來控制線的粗細，border-left中第一個數值控制的是線條的width.大家可以設置下來看看效果。
用字元實現。這個方法就是直接在代碼中用輸入法打入——就可以了，也是比較簡潔的實現方式。
用浮動來實現。主要利用float浮動來實現這個效果，大家可以根據代碼去設置看看效果哦~
用偽元素::before和::after來實現。這個方法代碼比較復雜一點。這兩個偽元素可以實現很多其他的效果，實現這個線的效果權當拋磚引玉吧~
這是由網頁的 CSS 定義的，而非「打出來」的。
問題補充中網頁的這條灰色分隔線，是一個 HTML 中的 <hr> 標簽。這個標簽的名稱來自 Horizontal Ruler, 通常表現為一條水平分隔線，在 HTML 5 中用以分隔不同主題的兩塊內容。
此網頁對 <hr> 標簽進行了如下定義：style="font-family: Avenir, sans-serif; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-top-color: rgb(234, 234, 234); height: 1px; margin: 1em 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 17px; white-space: normal;"
因此，這里的 <hr> 便具有了一像素粗細灰色線的外觀。
在純文本環境下，是不能准確地得到一條如此的分隔線的。在需要表示分隔線的情況下，通常會用若干個 - 或 = 來表示。而在富文本編輯環境中（如，Word)，則可以通過插入形狀等方式來得到類似的分隔線。不過這樣的做法會破壞語義。
在 HTML 中，則應通過插入 <hr> 標簽，並在 CSS 中對其樣式進行定義來得到該分隔線。
『柒』 html中如何改變hr元素的粗細啊
需要准備的材料分別有：電腦、瀏覽器、html編輯器。
1、首先，打開html編輯器，新建html文件，例如：index.html，復制問題基礎代碼。
『捌』 在HTML語言中，如果要將一些文字以斜體形式顯示，應當使用的標記是
<p style="font-style:italic">sdfsdfsdfsdf</p> //如果是單獨用<p> 可以這樣表示斜體
<i>sdfsd</i> //用i標簽直接將文字變成斜體
<p ><i>sdfsdfsdfsdf</i></p> //這樣的話也是斜體
可以不加<p> 因為 你試下就知道了！
『玖』 html中如何把hr中的實線改換為虛線
html中hr的虛線樣式可用過CSS樣式來控制，具體代碼如下：
例如紅色的虛線，代碼可這樣寫：
行內樣式 <hr style="border:1px dotted red">