H태그(헤더라인)(머리말태그) 밑줄 색상 변경하는 방법
2019. 1. 7. 06:00
안녕하세요 우키키키입니다.
오늘은 H태그(헤더라인 태그) 즉 머리말 태그 밑줄 색상 변경하는 방법에
대해 말씀드리겠습니다.
H태그 설정하는 방법은 지난 포스팅을 참고해주시길 바랍니다.
H태그(헤더라인) 머리말 태그 밑줄 색상 변경하는 방법
처음에 티스토리 관리에서 HTML 로 들어가신후 CSS로 들어갑니다.
CSS에서 컨트롤+f를 누르셔서 찾기를 합니다.
.artcle 검색을 하시면 아래와 같이 .article h 1~6번 으로 되있는 태그를 찾으셔야합니다.
border-bottom 이라고 되있는 곳이 밑줄이고
border-left 라고 되있는 곳이 옆에 짝대기 입니다.
그리고 2px 10px 처럼 되있는거는 두께 입니다.
숫자가 커질수록 두꺼워지고 작아질수록 얇아지니 참고하시길 바랍니다~
현재 색상입니다.
여기서 위에 빨간색 밑줄친 부분을 바꾸면 색상이 바뀌는데
주의하실점은 bottom 과 left 색상 코드를 똑같은걸로 넣어야 하나로 보이게 됩니다.
색상은 https://html-color-codes.info/Korean/
여기 홈페이지로 들어가셔서 원하시는 칼라를 선택하시면 코드가 나옵니다.
칼라를 복사해두셨다가 빨간색 밑줄 친 부분에다가 변경하시면 됩니다.
변경후 저장을 하시면 위에 그림과 같이 색상이 바뀐 모습을 볼 수 있습니다.
색상은 간단하게 변경할 수 있으니 원하시는 분위기에 따라서
쉽게 바꾸고 포스팅 해보시면 좋을 거 같습니다~
이 글을 공유합시다
