인라인 스타일

밑줄, 강조, 볼드 — 텍스트 안에서 포인트를 주는 CSS

밑줄 강조
#밑줄 #강조 #민트색
✓ ✓ ✓ ⭐
밑줄 강조
PC에서 보면 미리보기와 코드 복사가 더 편해요
교보 ✓ 리디 ✓ 알라딘 ✓ ⭐ 추천
CSS
/* class="underline" 지정 필요 */
span.underline {
    border-bottom: 2px solid #2FA599;    /* 밑줄 — 2px=두께, #색상 */
    padding-bottom: 0.1em;               /* 글자↔밑줄 간격 */
}
HTML
<p>마음이 복잡할 때는 <span class="underline">글을 쓰면</span> 좋습니다.</p>

border-bottom — HTML의 <u> 태그 대신 CSS로 밑줄을 만듭니다. 색상과 두께를 자유롭게 조절할 수 있어요.

padding-bottom: 0.1em — 글자와 밑줄 사이 간격. 숫자를 키우면 밑줄이 아래로 내려갑니다.

💡 시길 팁시길에서 밑줄 강조를 일괄 적용하려면 정규식(Ctrl+H):
찾기: <u>(.*?)</u>
바꾸기: <span class="underline">\1</span>