개발/CSS

티스토리 표 상단 배경색 자동설정 하는 방법

알 수 없는 사용자 2022. 10. 28.

블로그에 글을 쓰다 보면 표를 사용하는 경우가 많은데요,

매번 표 상단 스타일을 설정하는게 너무 귀찮더라고요. 그래서 한번 설정해서 계속 사용할 수 있는 방법을 공유합니다.

블로그관리 > 꾸미기 > 스킨 편집을 누르면 "html 편집" 이라는 버튼이 있습니다.

이걸 눌러주세요.

그럼 오른쪽에 HTML, CSS, 파일업로드 탭이 보입니다.

CSS 탭을 눌러주세요. 그럼 CSS 편집화면이 아래에 나타납니다.

th {
    text-align: center; background-color: 원하는배경색;
		padding: 10px;
  }

CSS 편집화면에 원하는 배경색 부분만 변경하신 후 위의 코드를 넣어주세요.

배경색 / 글자 가운데 정렬 / padding이 추가됩니다.

이런 식으로 넣어주면 됩니다. 넣어주신 후 적용 버튼을 눌러주세요.

이제 잘 적용되었는지 확인해 볼게요

글쓰기에서 표를 만들어 주신 후 오른쪽 "기본모드" 버튼을 누르신 후 HTML을 선택해 주세요

제목 부분의 "td"를 전부 "th"로 변경해 줍니다.

변경한 후 다시 기본모드로 돌아왔습니다. 여기서는 색이 보이지 않습니다.

글을 등록하면 위처럼 적용이 된 것을 볼 수 있습니다.

매번 설정해 주는 것 보다 훨씬 간단한 방법입니다.

도움이 되셨길 바랍니다. 감사합니다!

댓글