嵌入式 用html实现各种分割线效果

原创 2013年12月02日 14:47:46

,在文章中插入分割线。最简单、最普通的分割线效果,用html代码实现即为:


友情提示:由于各个浏览器存在差异性,所以同一html分割线代码在不同的浏览器中会有不同的显示效果。

一、普通分割线效果
1、


2、



align 线条位置(可选left、right、center);width 线条长度;color 颜色;size 厚度

二、特效(效果并不是孤立的,可相互组合)
1、两头渐变透明:


2、纺锤形:


3、右边渐变透明:


4、左边渐变透明:


5、虚线:


6、双线:


7、立体效果:


8、钢针效果:



9.垂直分割线

 

相关文章推荐

tableLayout 实现类似gridview的效果 带分割线

/** * 设置表格的数据 * @param tableDatas */ public void setTableLayout(List> tableDatas) { TableLa...

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

今天,花了很长的时间才实现了如题的效果,回想一下,实现起来确实不难,只怪当时做的时候思路不清晰,没想好就动手了,这是病,得改!好了,不多说,实现工程中主要参考了鸿洋博客中Android Recycle...
  • abfo12
  • abfo12
  • 2016年06月01日 23:41
  • 12507

RecyclerView的使用,简单实现ListView、GridView效果,添加Item的分割线

进段时间一直在使用RecyclerView,刚开始用的时候,感觉没有ListView用着方便,随着深入的使用,发现太Nice了,所以分享一下我使用的心得,希望对还在研究这个控件的小伙伴有所帮助,非常易...

HTML分割线特效汇总实例

  • 2010年08月10日 14:56
  • 30KB
  • 下载

LinearLayoutCompat分割线效果源码分析

LinearLayoutCompat分割线效果源码分析

html分割线

分割线效果图完整html代码如下 html分割线 1、两头渐变透明: ...

HTML——文本 分割线 文字滚动

好奇心害死人啊、、、要考试了、、、但是还是忍不住啊、、、所以
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:嵌入式 用html实现各种分割线效果
举报原因:
原因补充:

(最多只允许输入30个字)