<hr/>的样式

来源:3-3 再来一个水平分割线 - 使用<hr>标签实现水平线标签

Leibniz233

2016-03-15 17:21

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

写回答 关注

5回答

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

    在css文件中书写

    hr{

    margin:0;

    }

    Leibni...

    在css文件里试了对了,用完再自己定义距离就行了,可是为什么在head里面添加css样式就没有反应呢?

    2016-03-15 21:25:23

    共 2 条回复 >

  • 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;" />


    Leibni...

    这个ridge是什么意思,作用是什么?

    2016-03-15 21:55:13

    共 1 条回复 >

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

    margin外边距 还可以设置行高

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

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

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

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

    Leibni...

    具体怎么修改呢?

    2016-03-15 20:57:05

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225316 学习 · 18230 问题

查看课程

相似问题