看到上面這張圖，第一反應是用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、豎線：

---

---

---

總結

以上是生活随笔為你收集整理的html画线需要适应不同屏幕,hr标签不止创建html水平线也可以画圆噢的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。