`

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

阅读更多

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>

分享到:
评论

相关推荐

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

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

    使用CssBox+itext实现jsp页面转图片并导出pdf

    pom文件如下: &lt;dependency&gt; &lt;groupId&gt;com.itextpdf&lt;/groupId&gt; &lt;artifactId&gt;itextpdf&lt;/artifactId&gt; &lt;version&gt;5.5.12&lt;/version&gt; ... &lt;artifactId&gt;cssbox&lt;/artifactId&gt; &lt;version&gt;4.13&lt;/version&gt; &lt;/dependency&gt;

    Html+css静态网页制作

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

    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 属性...

    html基础教程之分析总结一下<li>和<hr>的样式定义

    通过熟练掌握`&lt;li&gt;`和`&lt;hr&gt;`元素的CSS样式定义,开发者可以创造出更多元、更美观的网页布局,提升用户体验。对于初学者而言,理解并实践这些基础概念是掌握HTML和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;...

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

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

    asp.net博客

    样式文件是各个后台页面的样式&lt;br&gt; IndexCss.css&lt;br&gt; AdminCss.css在admin.aspx页面中引用&lt;br&gt; AdminLoginCss.css在Login.aspx页面中引用&lt;br&gt; AdminLeftCss.css在left.aspx页面中引用&lt;br&gt; AdminRightCss.css在Right....

Global site tag (gtag.js) - Google Analytics