（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="data:images/合同列表-正在执行/u2577.png">
</div>

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

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

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

android fragment传递参数_fragment之间传值的两种方法
在Activity中加载Fragment的时候.有时候要使用多个Fragment切换.并传值到另外一个Fragment.也就是说两个Fragment之间进行参数的传递.查了很多资料.找到两种方法.一种 ...
一文读懂工业设备的两种通讯方式：现场总线和工业以太网
随着传统制造企业正在加快智能制造转型的进程,工业互联网迅速在全世界范围内兴起.在工业互联网的技术构架中,通过各类通讯方式接入不同设备.系统和产品,来采集海量数据是其重要的一环.本文将重点介绍工业底层设 ...
SpringMVC基础学习之Controller的两种实现方式和RequstMapping注解的使用
前言: 小伙伴们,大家好,我是狂奔の蜗牛rz,当然你们可以叫我蜗牛君,我是一个学习Java半年多时间的小菜鸟,同时还有一个伟大的梦想,那就是有朝一日,成为一个优秀的Java架构师. 这个SpringM ...
11-27 概率论两种收敛方式
今天在概率论课堂上学习了依概率收敛和依分布收敛的两种收敛方式定义 1.依概率收敛 ∀ ϵ > 0 , P ( ∣ x n − x ∣ > ϵ ) = 0 也就是 P ( ∣ x n ...
Silve37.Silverlight和ASP.NET相互传参的两种常用方式(QueryString,Cookie)
在本节中将讲述Silverlight和ASP.NET页面的相互传参的两种常用方式:Cookie和QueryString.首先我们新建一个名为SLConnectASP.NET的Silverlight应 ...
redis的两种持久化方式详解
一.背景在实际开发中,为了保证数据的完整性,防止数据丢失,我们除了在原有的传统数据库保存数据的同时,最好是再用redis持久化再保存一次数据.如果仅仅是使用redis而不进行持久化配置的话,当red ...
图的两种存储方式---邻接矩阵和邻接表
图:图是一种数据结构,由顶点的有穷非空集合和顶点之间边的集合组成,表示为G(V,E),V表示为顶点的集合,E表示为边的集合. 首先肯定是要对图进行存储,然后进行一系列的操作,下面对图的两种存储方式邻 ...
android项目两种构建方式的整合（Eclipse/idea和Android Studio）
android的两种构建方式目前android主要有两种构建方式,一种基于ant(传统的),另一种是13年Google/IO上新推出基于Gralde的构建(Android Studio).从sdk的 ...
Web APi之认证（Authentication）两种实现方式【二】（十三）
前言上一节我们详细讲解了认证及其基本信息,这一节我们通过两种不同方式来实现认证,并且分析如何合理的利用这两种方式,文中涉及到的基础知识,请参看上一篇文中,就不再叙述废话. 序言对于所谓的认证说到底 ...

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

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

最新文章

热门文章