一、基本线条


二、特效(效果并不是孤立的,可相互组合)
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 厚度

(Mozilla Firefox 暂不支持)

不是每一次努力都会有收获,但是,每一次收获都必须努力,这是一个不公平的不可逆转的命题 。

html hr线的样式相关推荐

  1. css中如何设置hr的样式?css hr标签多种样式(图文)

    在对html网页进行美化的时候,肯定少不了要用的hr标签进行修饰页面,但默认的hr标签样式对页面的修饰起不到什么好的作用,有经验的前端工作者就会通过使用css样式来对hr标签进行一些美化的操作.那么如 ...

  2. HTML5画布如何设置线的样式?

    在画布中,默认线的颜色为黑色,宽度为1像素,但我们可以使用相应的方法为线添加不同的样式.下面将从宽度.描边颜色.端点形状三方面详细讲解线样式的设置方法. 1.宽度 使用画布中的lineWidth属性可 ...

  3. css改变hr的默认样式

    -----------笔记------------- 实现效果:改变默认标签<hr />的样式 改变<hr />的默认样式需要写成行内样式 <hr style=" ...

  4. echarts雷达图线的样式_echarts 雷达图的个性化设置

    functiontest() { let myChart= echarts.init(document.getElementById('levelImage')); myChart.setOption ...

  5. echarts标记线的样式_ECharts提示框组件指示器的线条样式

    tooltip.axisPointer.lineStyle   |   Object 设置 ECharts 提示框组件指示器的线条样式,axisPointer.type 为 'line' 时有效. t ...

  6. html中hr的各种样式使用

    第一种: <hr style=" height:2px;border:none;border-top:2px dotted #185598;" /> height:2p ...

  7. LaTeX技巧004:给文字添加下划线、波浪线等样式

    前言   在Word中可以给文字加下划线.波浪线.加点等处理,在LaTex同样也可以,今天就来说一下. 具体实现 下划线   首先来说一下下划线,因为下划线的处理稍微不一样.   下划线使用的命令是\ ...

  8. LaTeX技巧:给文字添加下划线、波浪线等样式

    原文:http://blog.csdn.net/programchangesworld/article/details/51465154 前言   在Word中可以给文字加下划线.波浪线.加点等处理, ...

  9. drawio 绘制手绘素描线稿样式

    最近发现一个十分小清新的画图工具,可用来画业务流程图呀.技术图解呀什么的.就是 drawio 啦.是一款开源的绘制流程图的工具,最香的是可以 网页版使用,支持中文.创建的文件可以导出到各种网盘或者本地 ...

最新文章

  1. 构造函数不能为虚/重载函数总结
  2. impala jdbc驱动执行impala sql的一个坑(不支持多行sql)
  3. java 中流的使用
  4. python项目实战_2个Python入门级的实战项目
  5. Shell编程—企业生产案例
  6. Shell基本命令汇总
  7. #华为云·寻找黑马程序员#【代码重构之路】我是如何将8行代码缩减成1行的
  8. Python-爬虫-针对有frame框架的页面
  9. 含羞默默一张一合效果---田
  10. ecshop bonuscontroller.php,ECSHOP线下红包不能支持最小订单
  11. Go语言:生成随机数
  12. 建议能在园子里面发布Silverlight2.0应用
  13. oracle 统计标准误差,标准偏差和标准误差的区别
  14. D语言使用dub编译ms-coff文件
  15. Python实现日周月排行榜
  16. python 操作键盘,鼠标 。我这个是自动企业微信加好友的,源码可以修改成别的。挺好使!
  17. 测评三个数据分析工具后,我终于找到了小白都会的数据可视化
  18. 如何充分利用开源项目_充分利用最好的5个开源转移学习项目来增强您的项目...
  19. 如何发现程序中的错误
  20. 蚂蚁即将上市:P7可获1200万元期权,千万身价!我酸了...

热门文章

  1. 【设计模式】代理模式 ( 动态代理使用流程 | 创建目标对象 | 创建被代理对象 | 创建调用处理程序 | 动态创建代理对象 | 动态代理调用 )
  2. 【Android 组件化】路由组件 ( 构造路由表中的路由信息 )
  3. 【错误记录】Android Studio 创建 Flutter 应用被卡住 ( 更新 Flutter 插件 | 命令行创建 | 断网 )
  4. 【Android NDK 开发】NDK C/C++ 代码崩溃调试 - Tombstone 报错信息日志文件分析 ( 获取 tombstone_0X 崩溃日志信息 )
  5. 【运筹学】线性规划 人工变量法 ( 单纯形法总结 | 人工变量法引入 | 人工变量法原理分析 | 人工变量法案例 )
  6. [Spring cloud 一步步实现广告系统] 18. 查询返回广告创意
  7. 记一次Oracle数据故障排除过程
  8. 巧妙使用网页在线工具,让您的工作更简单
  9. SVA Function Coverage
  10. apache2 执行ab测试