关于htmlcss 如图 怎么把水平线搞那么细啊 我已经都设置1像素了还是那么大

这是因为如果设定border，那么别忘了实际上在垂直方向是有两个边框的（上边框和下边框），所以即使你把border设为1像素，但实际呈现的则是2像素的效果。解决办法就是只设置上边框或下边框：

hr {border:noneborder-bottom:1px dashed graywidth:400px}

　如果想要更长的线，只将高度设大是没用的，不信你试试，设置高度为200，但在 浏览器中只能看到100像素高。这是因为HTML只承认100像素高的水平线。这时你可以加回车键，然后再画一条同样的水平线，或者在竖直方向上的两个单元格内都加一条同样的水平线。我们还可以改变线的颜色，以达到不同的效果。

第二个办法也很简单，就是在一个表格中，单击鼠标右键，选“表格属性”，设置表格的单元格边距和间距均为0。

再单击鼠标右键，选“单元格属性”，设置某一单元格的指定宽度为1个像素，高度为100个像素，并设置合适的背景色。

【分隔线标签】

使用方法：上一段文字内容<hr>下一段文字内容

标签解说：利用<hr>这个标签便可产生一条横分隔线。另外，其有些属性分别说明如下：

使用范例：

一般用法 尚未加任何属性。

原始码 普通分隔线<hr>

呈现结果 普通分隔线

颜色属性 用法：<hr color="颜色码或颜色名称">

原始码 橘色分隔线<hr color="#ff8000">

呈现结果 橘色分隔线

宽度属性 用法：<hr width="宽度">，其单位为px（像素），宽度亦可用百分比来作设定，如50%即意为宽度占萤幕50%。

原始码 宽度为240px的分隔线<hr width="240">

呈现结果 宽度为240px分隔线

厚度属性 用法：<hr size="厚度">

原始码 厚度为5的分隔线<hr size="5">

呈现结果 厚度为5分隔线

位置属性 用法：<hr align="水平对齐位置">，其设定值有三个，也就是置左align="left"、置中align="center"、置右align="right"

原始码 靠右的分隔线<hr align="right">

呈现结果 靠右的分隔线

阴影属性 用法：<hr noshade>，无设定值，只要将 noshade 加入即可，通常会配合颜色设定，效果较佳。

原始码 实心分隔线（无阴影）<hr noshade>

呈现结果 实心分隔线（无阴影）

---