HTML 几种特别分割线特效
一、基本线条
就一条横线
二、特效(效果并不是孤立的,可相互组合)
1、两头渐变透明:
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
2、纺锤形:
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color=#987cb9 SIZE=10>
3、右边渐变透明:
<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#987cb9 SIZE=3>
4、左边渐变透明:
<HR style="FILTER: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color=#987cb9 SIZE=3>
5、虚线:
<HR style="border:1 dashed #987cb9" width="80%" color=#987cb9 SIZE=1>
6、双线:
<HR style="border:3 double #987cb9" width="80%" color=#987cb9 SIZE=3>
7、立体效果:
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15) " width="80%" color=#987cb9 SIZE=1>
8、钢针效果:
<HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1>
9.垂直分割线
<table border="1px" cellpadding="0" cellspacing="0" style="height:265px;border-left-style:solid; border-bottom-style:none;border-right-style:none;border-top-style:none">
<HR align=center width=300 color=#987cb9 SIZE=1>
align 线条位置(可选left、right、center);width 线条长度;color 颜色;size 厚度
分享到:
相关推荐
添加自定义分割线:可自定义分割线drawable 1 mRecyclerView.addItemDecoration(new RecyclerViewDivider( 2 mContext, LinearLayoutManager.VERTICAL, R.drawable.divider_mileage)); 添加自定义分割线:可自定义...
在“易语言简单分割线的实现”这个主题中,我们将探讨如何在易语言中创建一个简单的分割线,并通过源码了解其实现原理。 分割线在许多应用程序中都有广泛的应用,它通常被用来分隔不同的界面区域,给用户视觉上的...
本篇文章将深入探讨如何在RecyclerView中添加自定义分割线,包括系统自带的分割线和自定义实现的方式。 首先,RecyclerView本身并不自带分割线功能,但可以通过设置ItemDecoration来实现这一效果。ItemDecoration是...
"FME平均分割线"是一个基于FME(Feature Manipulation Engine)的工作流,主要用于地理空间数据中的线要素分割。FME是一款强大的数据转换工具,能够处理多种格式的地理空间数据,并进行复杂的几何操作和属性处理。在...
黄金分割线主图源码通达信指标公式源码 本文档提供了黄金分割线主图源码通达信指标公式源码,用于计算和绘制黄金分割线。下面是相关知识点的详细解释: 1. 通达信指标公式:通达信是一种专业的技术指标计算工具,...
在网页设计中,分割线和虚线样式是创建布局和区分内容的重要元素。HTML和CSS提供了多种方法来实现这些效果。下面将详细讲解如何利用HTML和CSS中的`border`属性来设置虚线样式,以及创建分割线的方法。 首先,HTML...
在设计用户界面时,我们常常需要为RecyclerView的item添加分割线,以增加视觉上的分隔感,使界面更加清晰易读。在本教程中,我们将详细探讨如何在RecyclerView中利用GridLayoutManager实现item四周都带有分割线的...
这里,`CustomDividerItemDecoration`是我们创建的自定义分割线类,`R.color.divider_color`是分割线颜色资源ID,1dp是分割线宽度。 5. **适配器和数据绑定** 不要忘记为RecyclerView设置适配器,并将数据绑定到...
网页分割线是网页设计中的一个重要元素,用于区分页面的不同部分,增强内容的可读性和视觉效果。在网页设计中,分割线不仅可以清晰地划分上下文,还可以增添设计感,使网页更加美观。本资源提供了50款不同风格的网页...
在iOS开发中,分割线(separator)是一种常见的界面元素,用于区分不同的内容区域,提供清晰的视觉层次。本文将深入探讨如何在项目中创建并使用“一像素分割线”,特别是通过Storyboard和自定义约束实现这一功能。 ...
黄金分割线知识点 黄金分割线是一种技术指标,用于股票市场分析。它由三条水平线组成:顶点线、黄金线(%61.8)和低点线。这些线都是支撑线和压力线。根据股价的运动方向,黄金分割线可以作为买入和卖出的信号。 1...
记录了下RecyclerView的使用方法,并且讲述了线性布局列表的使用方法,在此基础上加上了万能分割线,支持颜色分割线和图片分割线,同时支持对分割线设置线宽。 这篇是总结一下网格布局的使用,同样也支持两种分割线...
本示例着重讲解如何在TabLayout中实现文字放大效果以及添加分割线,使界面更具可读性和美观性。 1. TabLayout的基本使用 - TabLayout是Android Design Support Library的一部分,引入依赖库后,可以在布局XML文件...
在Android开发中,UI设计是用户体验的关键因素之一,而列表视图(ListView、RecyclerView)的分割线对于提高界面的清晰度和美观性起着至关重要的作用。`FlexItemDecoration`是一个专门为RecyclerView设计的库,它提供...
本话题将深入探讨如何利用`:after`伪元素来实现分割线和气泡效果。 首先,让我们理解`:after`的基本语法。`:after`伪元素紧跟在选择器后面,然后使用一对花括号 `{}` 包裹内容。内容可以是文本、图像或者任何其他可...
本主题聚焦于利用jQuery实现一个具有鼠标拖动功能的网页分割线,以实现前后图片的动态对比。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理以及动画效果的实现。 首先,我们需要理解jQuery的基本用法...
在这个案例中,"易语言简单分割线的实现源码"是指如何在易语言中创建和使用一个简单的分割线功能。分割线通常被用作界面上的视觉元素,用于区分不同的区域或者内容,它在各种软件界面设计中十分常见。 易语言提供了...
在IT行业中,尤其是在网页设计、UI设计或者内容编辑领域,分割线是一种不可或缺的元素,它能够帮助用户清晰地组织信息,提升视觉体验。标题“几款漂亮的分割线,很实用”提示我们,这里将探讨一些美观且实用的分割线...
在这个“易语言简单分割线的实现源码.rar”压缩包中,包含的是易语言编写的一个实现简单分割线功能的源代码。下面将详细介绍这个源码中的关键知识点。 1. **易语言基础**: 易语言的核心设计理念是“易学易用”,...
本人亲测。动态黄金分割线指标源码,适用于文华财经、博易大师,直接将指标复制到指标管理器即可!压力线支撑线一止了然,并有即时价格显示,方便操作!