[HTML] "글자에 점선으로 밑줄 긋기" 소스

글자에 점선으로 밑줄 긋기!

단순 "html" 소스로는 해결이 어렵더군요.(제가 프로그래밍에 대해서는 무지한 이라서...) 그래서 여기저기 찾아 다니면서 몇 가지 소스들을 결합해 보았습니다.(예전에 사용하던 "나모"같은 툴을 사용하면 간단히 해결이 될텐데...)

아래의 소스를 참고 하세요.

<div style="line-height: 100%">

<font size="4">글자에 점선으로 밑줄 긋기</font>

<span style="line-height:0%">

<hr size="1" width="100%" style="border:100px dotted #000000" align="left">

</span>

</div>

위에서
보라색 부분의로 글자와 점선의 간격을 조절 할수 있습니다.

파란색 부분은 글자에 관한 부분입니다.
초록색 부분은 저도 잘......
빨간색 부분이 점선으로 밑줄을 긋는 소스입니다. (저처럼 잘 모르시면 "size"와 "style" 부분은 건드리지 마시구요, "width"로 선의 길이를 저절하고 "align"로 선의 위치를 결정하시면 됩니다.)
(각 소스들의 구체적인 옵션은 각자 알아서 찾아 보세요.)

적용 예)

 글자에 점선으로 밑줄 긋기

---

글자의 크기와 위치 등에 따라서 옵션에 들어가는 값을 자신에 맞도록 조절하세요.

참고로
공백 소스(스페이스바 1칸)는 ==> &nbsp;

글자 굵게하는 소스는  ========> <b>  </b>

입니다.

그리고 초록색 소스와 빨간색 소스로 "점선으로 된 수평선"만을 그을 수도 있습니다.

 

적용 예)

---

<span style="line-height:0%">

<hr size="1" width="100%" style="border:100px dotted #000000">

</span>

출처 : http://ghdworld.tistory.com