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>

９．垂直分割线

<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 厚度

时间： 2024-11-06 07:12:10

HTML 几种特别分割线特效的相关文章

CSS3手机端侧滑菜单 4种滑动菜单特效

这是一款基于CSS3的手机端侧滑菜单,一共有4种侧滑动画特效.这款CSS3菜单的特点是鼠标划过时即可以各种动画方式展开和隐藏菜单项,该动画方式由CSS3中的transition-delay属性来完成,具体效果大家可以看演示. 原味地址:http://www.xuecss3.com/htmlcss-8-575-1.html 更多css3特效:http://www.xuecss3.com/list-8-3.html http://www.xuecss3.com/list-10-1.html

几种特别的颜色参数

switch (buttonIndex) { case 0: aColor = [UIColor redColor]; bColor = [UIColor colorWithRed:0.97 green:0.68 blue:0.75 alpha:1.0];// 鸨色 break; case 1: aColor = [UIColor orangeColor]; bColor = [UIColor colorWithRed:1.0 green:0.87 blue:0.72 alpha:1.0];//

几种常用的特效

1.回到顶部 1 <script> 2 var goTop = document.getElementById('goTop'); 3 goTop.onclick = function () { 4 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; 5 var timer = setInterval(function () { 6 window.scrollTo(0, scrollTop

移动Web开发图片自适应两种常见情况解决方案

在做配合手机客户端的Web wap页面时,发现文章对图片显示的需求有两种特别重要的情况,一是对于图集,这种文章只需要左右滑动浏览,最好的体验是让图片缩放显示在屏幕有效范围内,防止图片太大导致用户需要滑动手指移动图片来查看这种费力气的事情,用户体验大大降低.二是图文混排的文章,图片最大宽度不超过屏幕宽度,高度可以auto.这两种情况在项目中很常见.另外,有人说做个图片切割工具,把图片尺寸比例都设定为统一的大小,但即使这样,面对各种大小的移动设备屏幕,也是无法适用一个统一方案就能解决得了的.而且如果

【笨木头Lua专栏】基础补充02：函数的几个特别之处

没想到距离上一篇基础补充已经过了1年多了,近期准备捡回Lua,把基础都补补,今天来聊聊Lua的函数吧~ 0.环境 我突然对Lua又大感兴趣的最主要原因是,Cocos Code IDE開始浮出水面了,它是Cocos2d-x官方出的一款专门针对Cocos2d-x+Lua或JS的IDE.试着用了,尽管不能说非常完美.但,非常值得期待. 所以,本文使用的Lua编辑器就选它了,大家就任意吧~ 笨木头花心贡献,哈?花心?不.是用心~ 转载请注明,原文地址:http://www.benmutou.com/ar

关于图片轮播的几种思路

图片轮播我们经常在众多网站中看到,各种轮播特效在有限的空间上展示了几倍于空间大小的内容,并且有着良好的视觉效果.很多初学js的小伙伴都会拿这个来练习.我也不例外,所以在此分享几个我写轮播图的过程,代码不足之处请多指教哦,相互学习. 好了,先来说第一种轮播特效: 就是通过修改每一张图片的透明度,让其每隔一段时间将其中的某一张图片透明度设为1,而其它的设为0,从而实现一种图片轮流播放的效果. 这种效果的思路比较简单,首先让一组图片绝对定位,让其重叠在一起,然后通过一个函数来控制图片的透明度变化.同时

SQL Server 创建索引的 4 种方法

前期准备: create table Employee (            ID int not null primary key,            Name nvarchar(4),            Credit_Card_ID varbinary(max)); --- 小心这种数据类型.            go 说明:本表上的索引,都会在创建下一个索引前删除. -------------------------------------------------------

移动站Web开发图片自适应两种常见情况解决方案

本文主要说的是Web中图片根据手机屏幕大小自适应居中显示,图片自适应两种常见情况解决方案.开始吧 在做配合手机客户端的Web wap页面时,发现文章对图片显示的需求有两种特别重要的情况,一是对于图集,这种文章只需要左右滑动浏览,最好的体验是让图片缩放显示在屏幕有效范围内,防止图片太大导致用户需要滑动手指移动图片来查看这种费力气的事情,用户体验大大降低.二是图文混排的文章,图片最大宽度不超过屏幕宽度,高度可以auto.这两种情况在项目中很常见.另外,有人说做个图片切割工具,把图片尺寸比例都设定为统

饱餐后，吃这几种食品助消化

每当周末,人们种种聚会,种种吃喝!常常吃的非常饱腹,忽然间的暴饮暴食,导致消化不良怎么办?饭后吃些水果可助消化,小编给您保举了一些食品,可以再饱餐后饮用,有助于解油腻,促消化,防备消化不良. 1.猕猴桃--- 有研究表现,人在吃失猕猴桃后,胃卵白酶的消化本了解增长,这也大概加快卵白质在小肠内的吸取速率,从而让身材对卵白质的使用程度得到团体提拔.这重要是由于猕猴桃内自然孕育发生的一种特别身分--猕猴桃碱,它能加快消化,让卵白质得到更快更全面的吸取. 2.柠檬水--- 柠檬富含柠檬酸.苹果酸.维生素