`
linhui_dragon
  • 浏览: 155099 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

分割线

    博客分类:
  • HTML
 
阅读更多

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 厚度
分享到:
评论

相关推荐

    RecyclerView万能分割线

    添加自定义分割线:可自定义分割线drawable 1 mRecyclerView.addItemDecoration(new RecyclerViewDivider( 2 mContext, LinearLayoutManager.VERTICAL, R.drawable.divider_mileage)); 添加自定义分割线:可自定义...

    易语言简单分割线的实现

    在“易语言简单分割线的实现”这个主题中,我们将探讨如何在易语言中创建一个简单的分割线,并通过源码了解其实现原理。 分割线在许多应用程序中都有广泛的应用,它通常被用来分隔不同的界面区域,给用户视觉上的...

    安卓RecyclerView使用及添加自定义分割线

    本篇文章将深入探讨如何在RecyclerView中添加自定义分割线,包括系统自带的分割线和自定义实现的方式。 首先,RecyclerView本身并不自带分割线功能,但可以通过设置ItemDecoration来实现这一效果。ItemDecoration是...

    FME平均分割线

    "FME平均分割线"是一个基于FME(Feature Manipulation Engine)的工作流,主要用于地理空间数据中的线要素分割。FME是一款强大的数据转换工具,能够处理多种格式的地理空间数据,并进行复杂的几何操作和属性处理。在...

    黄金分割线主图源码通达信指标公式源码.doc

    黄金分割线主图源码通达信指标公式源码 本文档提供了黄金分割线主图源码通达信指标公式源码,用于计算和绘制黄金分割线。下面是相关知识点的详细解释: 1. 通达信指标公式:通达信是一种专业的技术指标计算工具,...

    html设置分割线虚线,css border设置虚线样式

    在网页设计中,分割线和虚线样式是创建布局和区分内容的重要元素。HTML和CSS提供了多种方法来实现这些效果。下面将详细讲解如何利用HTML和CSS中的`border`属性来设置虚线样式,以及创建分割线的方法。 首先,HTML...

    RecyclerView中利用GridLayoutManager实现item四周都带有分割线效果(更正版!!!)

    在设计用户界面时,我们常常需要为RecyclerView的item添加分割线,以增加视觉上的分隔感,使界面更加清晰易读。在本教程中,我们将详细探讨如何在RecyclerView中利用GridLayoutManager实现item四周都带有分割线的...

    RecyclerView中利用GridLayoutManager实现item四周都带有分割线效果

    这里,`CustomDividerItemDecoration`是我们创建的自定义分割线类,`R.color.divider_color`是分割线颜色资源ID,1dp是分割线宽度。 5. **适配器和数据绑定** 不要忘记为RecyclerView设置适配器,并将数据绑定到...

    网页分割线,网页卡通分割线

    网页分割线是网页设计中的一个重要元素,用于区分页面的不同部分,增强内容的可读性和视觉效果。在网页设计中,分割线不仅可以清晰地划分上下文,还可以增添设计感,使网页更加美观。本资源提供了50款不同风格的网页...

    一像素分割线

    在iOS开发中,分割线(separator)是一种常见的界面元素,用于区分不同的内容区域,提供清晰的视觉层次。本文将深入探讨如何在项目中创建并使用“一像素分割线”,特别是通过Storyboard和自定义约束实现这一功能。 ...

    最牛B的黄金分割线 有整套操作流程通达信指标公式源码.doc

    黄金分割线知识点 黄金分割线是一种技术指标,用于股票市场分析。它由三条水平线组成:顶点线、黄金线(%61.8)和低点线。这些线都是支撑线和压力线。根据股价的运动方向,黄金分割线可以作为买入和卖出的信号。 1...

    Android RecyclerView网格布局(支持多种分割线)详解(2)

    记录了下RecyclerView的使用方法,并且讲述了线性布局列表的使用方法,在此基础上加上了万能分割线,支持颜色分割线和图片分割线,同时支持对分割线设置线宽。 这篇是总结一下网格布局的使用,同样也支持两种分割线...

    简单的tabLayout 使用,带有文字放大效果和分割线

    本示例着重讲解如何在TabLayout中实现文字放大效果以及添加分割线,使界面更具可读性和美观性。 1. TabLayout的基本使用 - TabLayout是Android Design Support Library的一部分,引入依赖库后,可以在布局XML文件...

    Android-FlexItemDecoration灵活的分割线可绘制头部底部最左边最右边分割线

    在Android开发中,UI设计是用户体验的关键因素之一,而列表视图(ListView、RecyclerView)的分割线对于提高界面的清晰度和美观性起着至关重要的作用。`FlexItemDecoration`是一个专门为RecyclerView设计的库,它提供...

    [CSS] 用伪元素:after实现分割线和气泡

    本话题将深入探讨如何利用`:after`伪元素来实现分割线和气泡效果。 首先,让我们理解`:after`的基本语法。`:after`伪元素紧跟在选择器后面,然后使用一对花括号 `{}` 包裹内容。内容可以是文本、图像或者任何其他可...

    Jquery网页分割线进行前后图片对比_鼠标拖动分割线进行前后图

    本主题聚焦于利用jQuery实现一个具有鼠标拖动功能的网页分割线,以实现前后图片的动态对比。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理以及动画效果的实现。 首先,我们需要理解jQuery的基本用法...

    易语言简单分割线的实现源码

    在这个案例中,"易语言简单分割线的实现源码"是指如何在易语言中创建和使用一个简单的分割线功能。分割线通常被用作界面上的视觉元素,用于区分不同的区域或者内容,它在各种软件界面设计中十分常见。 易语言提供了...

    几款漂亮的分割线,很实用

    在IT行业中,尤其是在网页设计、UI设计或者内容编辑领域,分割线是一种不可或缺的元素,它能够帮助用户清晰地组织信息,提升视觉体验。标题“几款漂亮的分割线,很实用”提示我们,这里将探讨一些美观且实用的分割线...

    易语言简单分割线的实现源码.rar

    在这个“易语言简单分割线的实现源码.rar”压缩包中,包含的是易语言编写的一个实现简单分割线功能的源代码。下面将详细介绍这个源码中的关键知识点。 1. **易语言基础**: 易语言的核心设计理念是“易学易用”,...

    动态黄金分割线指标源码.txt

    本人亲测。动态黄金分割线指标源码,适用于文华财经、博易大师,直接将指标复制到指标管理器即可!压力线支撑线一止了然,并有即时价格显示,方便操作!

Global site tag (gtag.js) - Google Analytics