HTML 几种特别分割线特效

  发布时间:2010-07-15 00:37:06   作者:佚名   我要评论
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 厚度

相关文章

  • n个容器元素实现无限滚动的实现代码

    这篇文章主要介绍了n个容器元素实现无限滚动的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起
    2019-10-16
  • 使用html2canvas对有百度地图的Dom元素处理成图片的解决

    这篇文章主要介绍了使用html2canvas对有百度地图的Dom元素处理成图片的解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们
    2019-10-12
  • 解决移动端跳转问题(CSS过渡、target伪类)

    这篇文章主要介绍了解决移动端跳转问题(CSS过渡、target伪类),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编
    2019-10-10
  • viewport 的基本原理以及详细使用方法

    这篇文章主要介绍了viewport 的基本原理以及详细使用方法,需要的朋友可以参考下
    2019-10-05
  • 浅谈HTML中src和href之间的区别

    这篇文章主要介绍了浅谈HTML中src和href之间的区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习
    2019-09-17
  • html 仿百度百科导航下拉菜单功能

    这篇文章主要介绍了html 仿百度百科导航下拉菜单功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-04
  • HTML6实现折叠菜单与手风琴菜单的实例代码

    这篇文章主要介绍了HTML6实现折叠菜单与手风琴菜单的实例代码,需要的朋友可以参考下
    2019-08-28
  • HTML中的if判断用法

    这篇文章主要介绍了 HTML中的if判断用法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-08-21
  • 详解html的几种水平垂直居中的方式(基础)

    这篇文章主要介绍了详解html的几种水平垂直居中的方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学
    2019-08-20
  • html中常用的转义字符总结

    这篇文章主要介绍了html中常用的转义字符总结,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-08-20

最新评论