`

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网站元素设计...

    HTML绿色食品网站页面

    3. **特色推荐**：可以使用&lt;aside&gt;标签来创建侧边栏，展示特别推荐的绿色食品或促销信息。 4. **关于我们**：介绍绿色食品的来源、生产过程和企业理念，这部分内容可以放在&lt;section&gt;标签内，以文章的形式呈现。 5....

    网页教程代码参考

    &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;...

    形考任务四活动1：采用CSS样式来设置背景、标题和段落的颜色。.zip

    &lt;title&gt;形考任务四 - CSS样式应用&lt;/title&gt; &lt;style&gt; body { background-color: blue; } h1 { color: red; } p { color: green; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;这是一个红色的一级标题&lt;/h1&gt; &lt;p&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 属性参考 ...

    WEB开发完全手册

    &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;...

    前端练习01-前端-HTML（hr练习）

    - 元素通常由起始标签和结束标签（如`&lt;p&gt;`和`&lt;/p&gt;`）构成，但有些元素如`&lt;hr&gt;`是自闭合的，无需结束标签。 - HTML文档的基本结构包括`&lt;!DOCTYPE html&gt;`声明、`&lt;html&gt;`根元素、`&lt;head&gt;`和`&lt;body&gt;`部分。 2. **&lt;hr&gt;...

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