html分割線

時間 2019-11-13

標籤 html 割線欄目 HTML 简体版

原文原文鏈接

分割線效果圖

完整html代碼以下

<!DOCTYPE html> <html> <head> <meta charset= "utf-8" > <title >html分割線</title > </head > <body > <h3>一、兩頭漸變透明：</h3 > <HR style= " FILTER: alpha (opacity = 100, finishopacity =0 , style= 3 )" width ="80%" color =#987 cb 9 SIZE = 3> <h3>二、紡錘形：</h3> <HR style= " FILTER: alpha (opacity = 100, finishopacity =0 , style= 2 )" width ="80%" color =#987 cb 9 SIZE = 10> <h3>三、右邊漸變透明：</h3 > <HR style= " FILTER: alpha (opacity = 100, finishopacity =0 , style= 1 )" width ="80%" color =#987 cb 9 SIZE = 3> <h3>四、左邊漸變透明：</h3 > <HR style= " FILTER: alpha (opacity = 0, finishopacity =100 , style= 1 )" width ="80%" color =#987 cb 9 SIZE = 3> <h3>五、虛線：</h3> <HR style= " border: 1 dashed #987cb9" width ="80%" color =#987 cb 9 SIZE = 1> <h3>六、雙線：</h3> <HR style= " border: 3 double #987cb9" width ="80%" color =#987 cb 9 SIZE = 3> <h3>七、立體效果：</h3> <HR style= " FILTER: progid:DXImageTransform.Microsoft.Shadow ( color: #987cb9 ,direction : 145, strength :15 ) " width = "80%" color = #987cb 9 SIZE= 1> <h3>八、鋼針效果：</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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。