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

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

高洛峰
發布: 2017-03-10 11:44:38
原創
2674 人瀏覽過

分享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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板