转自:(http://hi.baidu.com/%B7%C9%BB%A8%C9%C1%C9%C1/blog/item/0f36232af69bdf25d52af1f8.html)
各种分割线Html代码
1、<HR>
2、<HR align=center width=300 color=#987cb9 SIZE=1>
align 线条位置(可选left、right、center);width 线条长度;color 颜色;size 厚度
二、特效(效果并不是孤立的,可相互组合)
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">
分享到:
相关推荐
HTML5 Canvas波浪分割线特效是一款适用于网页标题和正文分割线效果代码。
HTML5 Canvas波浪分割线特效是一款适用于网页标题和正文分割线效果代码。
此文件主要是学习html基础阶段的链接和分割线的实现,另外说明html链接的源代码较为详细,分割线只是略微的有所涉及。有需要的可以自行选择是否下载。具体的说明文档,在我的文章里有所赘述。
一、基本线条 二、特效(效果并不是孤立的,可相互组合)1、两头渐变透明:(opacity=100,finishopacity xss=removed width=80% color=#987cb9 SIZE=3> 2、纺锤形:(opacity=100,finishopacity xss=removed ...
分割线拖拽照片前后对比是一款左右拖拽,显示两种不同图片对比,分割线拖拽部分属于CSS3样式,所以需要在高版本浏览器下观看,低版本浏览器部分支持。
网页表格分割线去除方法。其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到标签中都有rules。它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的...
数据集为俯拍道路上的线条分割,包含斑马线、左转箭头等等。可以用线条分割,标注极为清晰,分割区域丰富,对部分图像进行旋转增强 【图像分辨率】1024*1024 【类别】0 背景、1 line 【标签】采用0 1的阈值图像,...
数据集为车道线分割,分割的mask模版为0 1的阈值图像。mask的像素分布为0背景、1为左道线、2为右道线。为了方便观察掩膜,提供了可视化代码。 【具体的标签类别可以在classes txt文本中查看】 数据集介绍:分为训练...
适用于python的深度学习医学十项全能分割、pytorch框架编写 代码详解:https://blog.csdn.net/qq_44886601/article/details/136053714 ...更多分割项目参考:https://blog.csdn.net/qq_44886601/category_12102735.html
水平线使用 <hr> 标签在当前位置绘制一条水平分割线。例子: XML/HTML Code复制内容到剪贴板 主要内容 底部内容 水平线可以对不同的内容部分进行有效隔离,给人以层次感。提示:由于能通过 CSS 对 DIV ...
【具体参考README文件,小白均可使用】 ... 【数据集】宠物分割,2类别(0 背景、1 宠物) 【代码介绍】摆放好数据集即可运行,不需要...【更多分割网络参考】https://blog.csdn.net/qq_44886601/category_12102735.html
【具体参考README文件,小白均可使用】 ... 【数据集】人行道、台阶分割(0 背景、1 人行道、2 台阶) 【代码介绍】摆放好数据集即可...【更多分割网络参考】https://blog.csdn.net/qq_44886601/category_12102735.html
【具体参考README文件,小白均可使用】 ... 【数据集桥梁分割,2类别(0 背景、1 bridge) 【代码介绍】摆放好数据集即可运行,不需要...【更多分割网络参考】https://blog.csdn.net/qq_44886601/category_12102735.html
【具体参考README文件,小白均可使用】 ... 【数据集】鸡蛋质量(缺陷)分割4类别(0 背景、1 鸡蛋、2 破裂、3 污渍) ...【更多分割网络参考】https://blog.csdn.net/qq_44886601/category_12102735.html
代码片段: renderer = new THREE.WebGLRenderer(); renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); renderer.setClearColor (0x...
Web打印控件,完美解决以下HTML打印难题 ...更过详细技术难点、解决思路、实现过程讲解,及细致的代码注释,本人博文有详细介绍 https://blog.csdn.net/chao141yang/article/details/108991252 欢迎查阅或交流!
Java编写的HTML浏览器源代码,一个很简单甚至不算是浏览器的HTML浏览器,使用方法: 可直接输入文件名或网络地址,但必需事先连入网络。 Java编写的山寨QQ,多人聊天+用户在线 21个目标文件 摘要:JAVA源码,...
这个标签可以在屏幕上显示一条水平线,用以分割页面中的不同部分。 有三个属性: size 水平线的宽度 width 水平线的长,用占屏幕宽度的百分比或象素值来表示 align 水平线的对齐方式,有LEFT RIGHT CENTER三种 ...
5.7 加入水平分割线(hr元素) 5.7.1 分隔线宽度和高度(width属性、size属性) 5.7.2 分隔线对齐(align属性) 5.7.3 分隔线颜色(color属性) 5.7.4 分隔线阴影(noshade属性) 5.8 巩固与自测 第6章 建立列表 6.1 创建列表 ...