在前面的文章里,我曾介紹過用線條圖來裝飾文章的方法。用線條圖做文章的分割線,即要找線條圖片上傳,又要進行圖片鏈接,一些網友覺得有點麻煩。今天,我給大家介紹幾種用代碼生成文章分割線的方法。
一、實例與代碼
1、兩頭漸變透明:
代碼
<hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">
2、右邊漸變透明:
代碼
<hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">
3、畫虛線:
代碼
<hr width=80% size=1 color=#5151A2 style="border:1 dashed #5151A2">
4、畫雙線:
代碼
<hr width=80% size=3 color=#5151A2 style="border:3 double green">
5、立體效果:
代碼
<hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Shadow(color#5151A2,direction:145,strength:15)">
6、紡錘形:
代碼
<hr width=80% size=30 color=#5151A2 style="filter:alpha(opacity=100,finishopacity=0,style=2)">
7、鋼針效果:
代碼
<hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Glow(color=#5151A2,strength=10)">
二、怎樣使用文章分割線代碼
在發(fā)表文章時,在需要添加分割線的時候,點擊發(fā)表框左下的“顯示源代碼”按鈕,把選好的文章分割線代碼粘貼在原有的代碼后面,然后點擊“顯示源代碼”按鈕,回到書寫文章界面,繼續(xù)書寫文章。如果在一篇文章里需要添加多條文章分割線,那么,可以重復以上操作。
三、用代碼生成文章分割線代碼參數(shù)有些可以更改,要點如下:
A、代碼中的 width 表示線條長度值,取值范圍為400--500,也能用百分比表示。
B、size 表示厚度。
C、align 規(guī)定線條位置,有l(wèi)eft、right、center。
D、noshade 表示是否有立體效果。
E、color 表示顏色。