티스토리글씨굵은밑줄만들기2가지방법
글을 쓰다보면 강조하고 싶은 부분을 굵게 표시하는 것 외에도 다른방법이 없을까 고민이 될수있습니다. 글씨의배경색을 바꾸는 것 외에 다른방법을 찾아보다보니 다음과 같은 방법을 찾아냈습니다.
1. span 태그 속성 사용하기
<span style="border-bottom: 1.3px solid #fce088; box-shadow: inset 0 -9px 0 #fce088;">글 내용</span>
#fce088부분은 색상 코드임으로 원하는 색상으로 바꿀 수 있습니다.
위의 태그를 적용해보면 다음과 같습니다.
span 속성으로 원하는 부분을 강조하여 표시할 수 있습니다. 색상도 변경가능합니다.
형광펜 밑줄 긋는 것처럼 강조할 부분에 밑줄을 그을 수 있습니다.
2. span 태그 속성 사용하기 두번째
<span style="background: linear-gradient(to top, #adc9ff 50%, transparent 50%);">글 내용</span>
#adc9ff 부분이 색상 코드임으로 원하는 색상으로 변경하시면 되고, 글 내용 부분이 강조할 글자를 넣는 곳입니다.
위의 태그를 적용하면 다음과 같습니다.
글 내용span 속성 백그라운스를 강조하는 방식으로 색상을 강조할 수 있습니다.
위와 같은 방법으로 간단하게 강조할 부분에 밑줄 긋는 방식으로 보여지게 할 수 있습니다. span 태그는 요소를 감싸는 테두리, 여백, 배경색 등을 설정하는 데 간편한 태그인데요. 도움이 되셨길 바랍니다.