글자아래 점선밑줄긋기

  안녕하세요?
  오늘은 글자아래에 점선을 그어서 표시하는 css스타일 소스입니다. 아주 간단하니 한번 보시죠.

<span style="border-bottom:dotted 1px #FF9999;">글자아래에 점선이 표시됩니다.</span>

  위는 실행결과화면입니다. 글자아래에 점선으로 밑줄이 그어져 있지요? 그럼 소스 분석하지요. 말그대로 dotted즉 점선을 나타내구요 1px는 1픽셀 즉 선의 두께를 #FF9999는 선의 색깔을 나타냅니다. 그럼 검은색으로 5픽셀만한 점선을 그어 줄려면 1px를 5px로 바꾸고 #FF9999를 검은색코드인 #000000으로 바꾸어 주면 되겠죠? 실행결과를 볼까요?

어떻습니까? 이해가 되시죠? 그럼 다음시간에 또 만나요~