‘壹’ 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">