html分割线
HTML 分割线
2023-09-14 09:01:11 时间
分割线效果图
完整html代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset= "utf-8" >
<title >html分割线</title >
</head >
<body >
<h3>1、两头渐变透明:</h3 >
<HR style= " FILTER: alpha (opacity = 100, finishopacity =0 , style= 3 )" width ="80%" color =#987 cb 9 SIZE = 3>
<h3>2、纺锤形:</h3>
<HR style= " FILTER: alpha (opacity = 100, finishopacity =0 , style= 2 )" width ="80%" color =#987 cb 9 SIZE = 10>
<h3>3、右边渐变透明:</h3 >
<HR style= " FILTER: alpha (opacity = 100, finishopacity =0 , style= 1 )" width ="80%" color =#987 cb 9 SIZE = 3>
<h3>4、左边渐变透明:</h3 >
<HR style= " FILTER: alpha (opacity = 0, finishopacity =100 , style= 1 )" width ="80%" color =#987 cb 9 SIZE = 3>
<h3>5、虚线:</h3>
<HR style= " border: 1 dashed #987cb9" width ="80%" color =#987 cb 9 SIZE = 1>
<h3>6、双线:</h3>
<HR style= " border: 3 double #987cb9" width ="80%" color =#987 cb 9 SIZE = 3>
<h3>7、立体效果:</h3>
<HR style= " FILTER: progid:DXImageTransform.Microsoft.Shadow ( color: #987cb9 ,direction : 145, strength :15 ) " width = "80%" color = #987cb 9 SIZE= 1>
<h3>8、钢针效果:</h3>
<HR style= " FILTER: progid:DXImageTransform.Microsoft.Glow ( color= #987cb9 ,strength = 10) " width= "80%" color= #987 cb9 SIZE =1>
<h3>9.垂直分割线</h3>
<table border= "1px" cellpadding= "0" cellspacing= "0" style =" margin-left :200 px ;height : 265px ; border-left-style: solid ; border-bottom-style : none; border-right-style :none ; border-top-style: none ">
</body >
</html>
相关文章
- shell脚本--编写CGI代码(shell结合html)以及环境变量
- html 5 读取本地文件API
- w3schools网站的HTML教程之HTML编辑器
- HTML页面本地正常,部署到服务器稍微异常解决方案
- [HTML 5] FormData
- html分割线
- HTML 特殊符号编码对照表
- [HTML 5] preventDefault() & defaultPrevented prop
- 前端面试题:浏览器怎么解析HTML文件?
- 一个最简单的例子学习SAP Cloud for Customer HTML mashup
- 〖大前端 - 基础入门三大核心之 html 篇⑩〗- 图片标签
- 网页特效——金钱蓝图(.html)【超级棒的财商思维】
- HTML编写规范
- HTML中Select的使用具体解释