大家好，欢迎来到IT知识分享网。
分割线效果图
完整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>９．垂直分割线</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>免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://haidsoft.com/30006.html
