（div，p）等标签之间“分割线”的两种实现方式

在项目、网页中经常会遇到在两个区域之间增加一条“线”来到达分割的效果，我在这里提供两种思路方法，以解决不同的实际问题。

1 直接使用htmld 的<hr>标签，会显示一条线出来

<p>hr 标签定义水平线：</p>
<hr />
<p>这是段落。</p>

这种方式很简单，也和实用，解决一般的分割线需求是没问题的，但如果对这条“分割线”有特殊要求，就需要用第二种方法了。

2 加入需求是这样的：我要求用细细的海浪线作为分割线，那么第一种方式就很难在实现了，这个时候，我们可以把我们需要的特殊的“分割线”当做“img图片”引到HTML里面：

<div id="u2577" class="ax_default line">
        <img id="u2577_img" class="img " src="images/合同列表-正在执行/u2577.png">
</div>

这样，不管分割线要求有多特殊，都可以实现了。

如果觉得有用请点赞或评论，谢谢！