看到上面這張圖，第一反應是用photoshop類似作圖軟體畫出來的，但那是華麗麗的錯覺。乙個簡單的標籤就能完成漂亮的效果，而不僅僅是建立html水平線。想知道怎麼實現嗎？let's do it！
filter: alpha 透明度設定的效果，例項alpha(opacity=?, finishopacity=?, style=?, startx=?, starty=?, finishx=?, finishy=?)
opacity：透明度級別，範圍是0-100，0代表完全透明，100代表完全不透明。
finishopacity：設定漸變的透明效果時，用來指定結束時的透明度，範圍也是0 到 100。
style：設定漸變透明的樣式，值為0代表統一形狀、1代表線形、2代表放射狀、3代表長方形。
startx和starty：代表漸變透明效果的開始x和y座標。
finishx和finishy：代表漸變透明效果結束x和y 的座標。
標籤的屬性
1、普通分隔線：
2、分隔線寬度屬性：或者 （寬度為實際點數或百分比）
3、分隔線位置屬性：（位置分為 left、center、right 三種）
4、分隔線厚度屬性：（奇怪，height=10 似乎不能起到效果）
5、分隔線無陰影屬性：
6、分隔線彩色屬性：或者 （顏色可調）
7、漸變顏色的分隔線：
8、中心透明的分隔線：
9、中心不透明的分隔線：
10、波浪線：
11、三色線：
12、虛線：
13、豎線：
前端標籤 水平線標籤
單詞縮寫 horizontal 橫線在網頁中常常看到一些水平線將段落與段落之間隔開，使得文件結構清晰，層次分明。這些水平線可以通過插入實現，也可以簡單地通過標籤來完成，就是建立橫跨網頁水平線的標籤。其基本語法格式如下 是單標籤 舉個例子 lang en charset utf 8 head 40.6...
前端標籤 水平線標籤
單詞縮寫 horizontal 橫線在網頁中常常看到一些水平線將段落與段落之間隔開，使得文件結構清晰，層次分明。這些水平線可以通過插入實現，也可以簡單地通過標籤來完成，就是建立橫跨網頁水平線的標籤。其基本語法格式如下 是單標籤 舉個例子 lang en charset utf 8 head 40.6...
HTML示例06 水平線
1.說明 水平線用於段落與段落之間的間隔，使文件結構清晰明白，也使文字的編排更整齊。水平線自身具有很多的屬性，如寬度 高度 顏色 排列對齊等。在html5中經常會用到水平線，合理使用水平線可以獲得非常好的頁面裝飾效果。一篇內容繁雜的文件，如果合理放置幾條水平線，就會變得層次分明，便於閱讀。語法 下面...