HR實現虛線效果

以HR實現虛線效果的代碼:

方法1: 
在<head>中預先定義好CSS: 
<STYLE type=text/css> 
.dotline { 
BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted 

</STYLE> 
然後修改水平線的代碼爲:<hr class=dotline color=#111111 size=1> 

方法2: 
  直接在<hr>中使用如下代碼:(本人使用此代碼實現) 

<hr style="BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted" color=#111111 size=1> 

方法3: 
  更爲簡單的方法,使用如下代碼 (不知哪的問題,此代碼在本人機器上沒有效果,大家可以試一下)
<hr style="border:1px dashed; height:1px" color="#DDDDDD">
 

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1429861

 
發佈了30 篇原創文章 · 獲贊 6 · 訪問量 21萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章