(div,p)等标签之间“分割线”的两种实现方式

xiaoxiao2021-03-01  34

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

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>

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

如果觉得有用请点赞或评论,谢谢!

转载请注明原文地址: https://www.6miu.com/read-3524612.html

最新回复(0)