html分割线

作者: AdrianRD | 来源:发表于2016-08-04 18:44 被阅读1121次

    完整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>
    

    分割线效果图

    分割线效果图

    相关文章

      网友评论

      • Exportsoflife:我知道原因了,图片是可以向右移动的
      • Exportsoflife:这些知识我非常想了解,你发的图片有些内容看不到
      • 积跬步:我为什么看不到效果呢
        AdrianRD:@积跬步 你用的什么浏览器

      本文标题:html分割线

      本文链接:https://www.haomeiwen.com/subject/althsttx.html