首頁 >web前端 >html教學 >詳解HTML分割線特效

詳解HTML分割線特效

高洛峰
高洛峰原創
2017-03-27 14:54:084051瀏覽

一、基本線條


二、特效(效果並不是孤立的,可相互組合)
1、兩頭漸變透明:


width="80%" color=#987cb9 SIZE=3>


2、紡錘形:



3、右邊漸層透明:



##4、左邊漸層透明:



5、虛線:



#6、雙線:



#7、立體效果:


direction:145,strength:15)" width="80%" color=#987cb9 SIZE =1>


8、鋼針效果:



9.垂直分割線

padding="0" cellspacing="0" style="height:265px;border-left -style:solid; border-bottom-style:none;border-right-style:none;border-top-style:none">




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

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

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