首頁  >  文章  >  web前端  >  html hr線的樣式詳細介紹

html hr線的樣式詳細介紹

高洛峰
高洛峰原創
2017-03-27 14:51:521946瀏覽

一、基本線條

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


2、紡錘形:

#


3、右漸層透明:

#


#4、左邊漸層透明:


5 、虛線:


6、雙線:


7、立體效果:


8、鋼針頭效果:


9.垂直分割線




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

(Mozilla Firefox 暫不支援) 

##########

以上是html hr線的樣式詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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