어제 오늘 내일

밑줄 긋기 CSS를 사용하여 텍스트에 밑줄을 긋기 위해서는 다음과 같이 코드를 작성하였습니다. text-decoration: underline; 취소선 긋기 취소선을 그을 때는 밑줄 긋기와 마찬가지로 text-decoration 속성을 지정해줍니다. 다만, 속성값은 'line-through'로 지정해줍니다. text-decoration: line-through; 예제 다음은 밑줄과 취소선을 긋는 예제입니다. 밑줄 취소선 .underline { text-decoration: underline; } .strike-through { text-decoration: line-through; } 취소선 스타일링 취소선의 색깔, 굵기, 모양 등을 변경하는 것은 밑줄을 스타일링 하는 방법과 같습니다. 취소선의 스타일링..

지난번에는 css의 text-decoration 속성을 설정하여 문자열에 밑줄을 그리고, 색깔, 위치, 굵기, 모양 등을 정의하는 방법을 알아보았습니다. [HTML/CSS] 글자 밑줄 긋기 (위치, 두께, 색깔, 모양 지정하기) text-decoration [HTML/CSS] 글자 밑줄 긋기 (위치, 두께, 색깔, 모양 지정하기) text-decoration 이번에는 CSS를 사용하여 글자에 밑줄을 긋고, 밑줄의 위치, 두께, 색깔, 모양을 지정할 수 있는 방법을 정리해보겠습니다. 간단하게 밑줄 긋기 글자에 밑줄을 긋기 위해서는 CSS의 text-decoration 속 hianna.tistory.com 이번에는, 텍스트와 밑줄 사이의 간격을 조정하는 방법을 정리해 보겠습니다. 여러가지 방법이 있지만, 여..

이번에는 CSS를 사용하여 글자에 밑줄을 긋고, 밑줄의 위치, 두께, 색깔, 모양을 지정할 수 있는 방법을 정리해보겠습니다. 간단하게 밑줄 긋기 글자에 밑줄을 긋기 위해서는 CSS의 text-decoration 속성을 사용합니다. 안녕하세요? .my-underline { text-decoration: underline; } text-decoration : underline; 간단하게 text-decoration 속성을 underline으로 지정하여 문자열에 밑줄을 그었습니다. 이번에는 밑줄의 위치, 두께, 색깔, 모양을 지정할 수 있는 방법을 정리해 보겠습니다. 앞에서 간단히 밑줄을 긋는데 사용했던 text-decoration 속성을 사용하면 이런 다양한 속성들도 정의할 수 있습니다. text-decor..

지난 번에는 하이퍼링크(a href)의 밑줄을 없애는 방법을 알아보았습니다. [HTML/CSS] 링크(a href)의 밑줄 없애기, 점선, 색깔 바꾸기 [HTML/CSS] 링크(a href)의 밑줄 없애기, 점선, 색깔 바꾸기 HTML에서 다른 페이지로 이동할 수 있는 링크를 생성하면 기본적으로 아래에 밑줄이 표시됩니다. 블로그 메인으로 가기 CSS를 적용해서 이 밑줄을 없애는 방법을 알아보겠습니다. 밑줄 없애기 (tex hianna.tistory.com 기본 하이퍼링크는 사용자가 링크를 클릭하기 전과 후의 링크 색깔이 다릅니다. 이번에는 하이버링크의 색깔을 바꾸는 방법에 대해서 정리합니다. 하이퍼링크 글자색 바꾸기 블로그 홈으로 이동하기 a:link { color : pink; } a:visited {..

HTML에서 다른 페이지로 이동할 수 있는 링크를 생성하면 기본적으로 아래에 밑줄이 표시됩니다. 블로그 메인으로 가기 CSS를 적용해서 이 밑줄을 없애는 방법을 알아보겠습니다. 밑줄 없애기 (text-decoration-line) 블로그 메인으로 가기 a { text-decoration-line: none; /* text-decoration-line: underline; */ /* text-decoration-line: overline; */ /* text-decoration-line: line-through; */ /* text-decoration-line: underline line-through overline; */ } 밑줄을 없애기 위해서 'text-decoration-line' 속성을 none..