`

css写的很有特色<hr>线条

css渐变线条 
阅读更多

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、长线效果：
<HR align=center width=300 color=#987cb9 SIZE=1>

分享到：
| python 元类
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JQUERY选择器　id选择器<br> 2)　　$('.class')　　css选择器,class类名<br>

    2)　$('.class')　css选择器,class类名&lt;br&gt; 3)　$('element')　标签选择器，例如p,h1,div&lt;br&gt; &lt;hr&gt; 4)　$('*')　全选择器,可选择所有的html标签(影响范围较大甚用)&lt;br&gt; &lt;hr&gt; 5)　$('sele1,sele2')　用‘,'逗号隔开...

    css之链接显示 <a></a>

    css之链接显示 &lt;a&gt;&lt;/a&gt; css之链接显示 &lt;a&gt;&lt;/a&gt;

    CSS文集

    利用CSS的Expression自定义属性来实现表格的OnMouseOver 特效&lt;br&gt;需要掌握的八个CSS布局技巧&lt;br&gt;用css实现链接经过时显示浮动图片背景的效果&lt;br&gt;...Firefox和IE6兼容的垂直居中&lt;br&gt;CSS&lt;br&gt;CSS浮动原理&lt;br&gt;CSS网站元素设计...

    通过css动画实现一个表格滚动轮播效果

    css动画的一个应用，与此前的css走马灯同样的内容。只是一次不同的应用，具体实现如下 &lt;template&gt; &lt;section&gt; &lt;div class=box&gt; &lt;ul class=header&gt; &lt;li class=cell&gt;序号&lt;/li&gt; &lt;li class=cell&gt;姓名&lt;/li&gt; &lt;li ...

    网页教程代码参考

    &lt;br&gt;HTML&lt;br&gt;HTML教程&lt;br&gt;&lt;br&gt;HTML代码示例&lt;br&gt;&lt;br&gt;HTML参考(Reference)&lt;br&gt;&lt;br&gt;HTML知识库&lt;br&gt;&lt;br&gt;CSS&lt;br&gt;CSS教程&lt;br&gt;&lt;br&gt;CSS代码示例&lt;br&gt;&lt;br&gt;CSS参考(Reference)&lt;br&gt;&lt;br&gt;Javascript&lt;br&gt;Javascript教程&lt;br&gt;&lt;br&gt;...

    css中hr标签的各种用法

    然而，通过CSS，我们可以进一步定制`&lt;hr&gt;`标签的外观，使其在设计中发挥更多作用。本文将详细介绍`&lt;hr&gt;`标签的各种CSS用法。 1. **基本使用** `&lt;hr&gt;`标签默认会生成一条横跨页面的单线条。例如： ```html &lt;hr&gt; ...

    Html+css静态网页制作

    在HTML中，我们可以使用各种标签来定义页面的不同部分，如`&lt;header&gt;`定义页眉，`&lt;nav&gt;`创建导航菜单，`&lt;section&gt;`分隔内容区域，`&lt;article&gt;`定义独立内容，`&lt;footer&gt;`表示页脚，以及`&lt;form&gt;`用于创建表单元素，使...

    别具光芒DIV+CSS网页布局与美化_271-294.rar

    别具光芒DIV+CSS网页布局与美化&lt;br&gt;非常不错的书&lt;br&gt;按页码分别压缩为六个压缩包，可以单独解压&lt;br&gt;可以先下载一个看看&lt;br&gt;好了再下其他的&lt;br&gt;&lt;br&gt;注：&lt;br&gt;此书来自网络&lt;br&gt;版权归原作者所有&lt;br&gt;仅供个人学习参考...

    纯css鼠标经过列表高亮显示

    &lt;link rel="stylesheet" href="csshover20160410.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;ul class="highlight-list"&gt; &lt;li&gt;列表项1&lt;/li&gt; &lt;li&gt;列表项2&lt;/li&gt; &lt;li&gt;列表项3&lt;/li&gt; &lt;/ul&gt; &lt;/body&gt; &lt;/html&gt; ``` 通过这种方式，我们就...

    用css固定表格横向和纵向

    &lt;link rel="stylesheet" href="css/style.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;div role="region" aria-label="data table" tabindex="0" class="primary"&gt; &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;Col Header&lt;/th&gt; &lt;th &gt;2&lt;/th&gt; &lt;th&gt;Col...

    css 导航菜单（标签页）设计

    title="Link 1"&gt;&lt;span&gt;Link 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;br&gt;&lt;li&gt;&lt;a href="#" title="Link 2"&gt;&lt;span&gt;Link 2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;br&gt;...&lt;br&gt;&lt;/ul&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;br&gt;效果页面，css和html写得很清楚。&lt;br&gt;下载html打包文件&lt;br&gt;

    CSS 商业网站布局之道 书中源码.part1

    &lt;br&gt;&lt;br&gt;作者网站 www.css8.cn&lt;br&gt;&lt;br&gt;如果有技术问题，可以咨询：&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;近期偶在进行研究生考试的准备，可能邮件回复会晚一些。请见谅！&lt;br&gt;&lt;br&gt; 蒋志明&lt;br&gt; binglingshui（a）gmail.com

    网页制作完全手册

    &lt;br&gt;&lt;br&gt;动态 HTML (DHTML) 对象模型参考&lt;br&gt;&lt;br&gt;DHTML 对象 &lt;br&gt;DHTML 属性 &lt;br&gt;DHTML 方法 &lt;br&gt;DHTML 事件 &lt;br&gt;DHTML 集合 &lt;br&gt;HTML 参考&lt;br&gt;&lt;br&gt;HTML 元素 &lt;br&gt;HTML 字符集 &lt;br&gt;样式表(CSS)参考&lt;br&gt;&lt;br&gt;CSS 属性...

    DHTML 手册中文文档

    HTML (DHTML) 对象模型参考&lt;br&gt;&lt;br&gt;DHTML 对象 &lt;br&gt;DHTML 属性 &lt;br&gt;DHTML 方法 &lt;br&gt;DHTML 事件 &lt;br&gt;DHTML 集合 &lt;br&gt;HTML 参考&lt;br&gt;&lt;br&gt;HTML 元素 &lt;br&gt;HTML 字符集 &lt;br&gt;样式表(CSS)参考&lt;br&gt;&lt;br&gt;CSS 属性参考 ...

    DHTML对象模型参考手册

    &lt;br&gt;&lt;br&gt;动态 HTML (DHTML) 对象模型参考&lt;br&gt;&lt;br&gt;DHTML 对象 &lt;br&gt;DHTML 属性 &lt;br&gt;DHTML 方法 &lt;br&gt;DHTML 事件 &lt;br&gt;DHTML 集合 &lt;br&gt;HTML 参考&lt;br&gt;&lt;br&gt;HTML 元素 &lt;br&gt;HTML 字符集 &lt;br&gt;样式表(CSS)参考&lt;br&gt;&lt;br&gt;CSS 属性...

    胡玉玺JSP新闻系统

    &lt;br&gt;&lt;br&gt;1，系统美观大方,结构DIV+CSS&lt;br&gt;2，管理员可在后台添加/删除新闻,上传图片,水印,添加/删除新闻分类&lt;br&gt;3，留言本功能，后台可增加/删除/审核等&lt;br&gt;4，使用了 JAVABEAN， JAR包，Servelet等JSP技术&lt;br&gt;&lt;br&gt;...

    C#编程经验技巧宝典

    85&lt;br&gt;&lt;br&gt;0130　复制字符串中指定的字符　85&lt;br&gt;&lt;br&gt;0131　巧截字符串的数字　86&lt;br&gt;&lt;br&gt;0132　如何存储变长字符串　86&lt;br&gt;&lt;br&gt;0133　在进行字符串比较时忽略大小写　87&lt;br&gt;&lt;br&gt;0134　如何去除字符串尾空格　87&lt;br&gt;...

    HTML+CSS+JS-入门基础ppt课件.ppt

    HTML 中的标记（签）是 HTML 语言的基本部分，例如&lt;html&gt;、&lt;head&gt;、&lt;body&gt;、&lt;hr&gt;、&lt;p&gt;等。大多数标记总是成对出现，每一对标记一般都有一个开始的标记并且结束的标记总是在开始的标记前加一个斜杠。 HTML 中的...

    7款非常漂亮的CSS3鼠标hover图片动画特效.zip

    &lt;li class="current"&gt;&lt;a &gt;Puff&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a &gt;Open&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a &gt;Perspective&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a &gt;Rotate&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a &gt;Slide&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a &gt;Tin&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a &gt;Bomb&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; ...

    html&css入门基础知识点.pdf

    &lt;link rel="stylesheet" type="text/css" href="mystyle.css"&gt; &lt;/head&gt; ``` 在这个例子中，mystyle.css文件将被链接到当前HTML文件，CSS样式将被应用于当前页面。 可以使用CSS来定义HTML元素的样式，例如字体、...

Magicbox
Global site tag (gtag.js) - Google Analytics