首頁 >web前端 >html教學 >分享HTML幾種特別分割線特效

分享HTML幾種特別分割線特效

高洛峰
高洛峰原創
2017-03-10 11:44:382692瀏覽

分享HTML幾種特別分割線特效,挺實用與漂亮的分隔線,需要的朋友可以參考下。

一、基本線條

二、特效(效果並不是孤立的,可相互組合)
1、兩頭漸變透明:
< HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>


2、紡錘形:


 

3、右漸層透明:


 

4、左邊漸變透明:


5、虛線:



#6、雙線:


 

7、立體效果:



8、鋼針效果:



9.垂直分割線




align 線條位置(可選left、right、center);width 線條長度;color 顏色;size 厚度

以上是分享HTML幾種特別分割線特效的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn