ทำเส้นไข่ปลา เหมือนกับโค้ด <hr width="100%" /> ยังไงครับ

[champ150cc]

การจะทำเส้นขีดเส้นใต้ ปกติแล้วหากเราใช้โค้ด <hr width="100%" /> ก้จะได้เส้นมา 1 เส้นแบบนี้ 



แต่หากอยากจะให้เส้นนั้นเป็นเส้นแบบจุดไข่ปลา ดังนี้  - - - - - - - - - - - - -

ไม่ทราบว่าจะต้องทำยังไงครับ

[aummua]

น่าจะเป็น css รึป่าวคับ เช่น


<p style="border-bottom:1px dashed #000"> {ข้อความ} </p>


น่าจะเป็นแบบนี้ หรือยังไงรอท่านอื่นตอบต่อนะ 

[MaMa.Killer]

<hr style="border:2px dotted ">

Or

<hr style="border:2px dashed ">

รูปแบบของเส้น
dotted เส้นประจุด
dashed เส้นประ

โค้ด เลือก ขยาย

http://www.codetukyang.com/html/testcode.htm

[deadclosed]

<hr style="border:0px;border-bottom:1px dashed #000" />

แก้มาจากคนข้างบน 

ทำให้มันเป็น 0 เพราะ มันจะได้ไม่มี2เส้นมาซ้อนกัน 

[champ150cc]

ได้อย่างที่ต้องการเลยครับ ด้วยโค้ด

<p style="border-bottom:1px dashed #000">  </p>

และ

<hr style="border:0px;border-bottom:1px dashed #000" />

ขอบคุณสำหรับเวปทดสอบโค้ด

http://www.codetukyang.com/html/testcode.htm

ด้วยครับ

ขอบคุณทุกท่านมากครับที่ช่วยเข้ามาตอบ
+1 ให้ทุกคนเลยครับ