问答详情
源自：3-3 再来一个水平分割线 - 使用<hr>标签实现水平线标签

<hr/>的样式

在使用<hr />标签的过程中，我发现使用<hr />后显示出来的下划线会自带一些上下距离，但是在书写网页的过程中，一个模块与分隔线之间或者一段文字与分隔线之间的距离往往会有有像素要求，我怎么能够定义这个分隔线与上面一个模块或者一行文字的距离呢？求大神解答，感激不尽！

提问者：Leibniz233 2016-03-15 17:21

个回答

  • 喵喵喵1227
    2016-03-15 17:27:52
    已采纳

    在css文件中书写

    hr{

    margin:0;

    }

    0
  • TK1900
    2016-03-15 17:34:40

    第一种：

    <hr style=" height:2px;border:none;border-top:2px dotted #185598;" />

    height:2px;是hr的高度

    border:none;是没有边框

    border-top:2px dotted #185598;是设置横线的样式

    dotted  虚线  #185598  颜色

    第二种：

    <hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />


    <hr style="height:1px;border:none;border-top:1px solid #555555;" />


    第四种：

    <hr style="height:3px;border:none;border-top:3px double red;" />


    第五种：

    <hr style="height:5px;border:none;border-top:5px ridge green;" />


    0
  • xichao0024
    2016-03-15 17:34:38

    margin外边距 还可以设置行高

    0
  • leavens
    2016-03-15 17:29:13

    用css可以修改文本与<hr/>的距离，使用margin(外边距)可以实现

    0
  • liu_yun90
    2016-03-15 17:26:14

    用CSS可以修改<hr>与文本的上下距离

    0