tistory #2번 스킨 표 테두리 적용.

tistory #2 스킨의 경우에는 표를 만들어도 테두리가 적용되지 않는 문제가 있다.
때문에, 표 안의 컨텐츠를 식별하기가 어려울 때가 있어 테마 CSS를 변경하여 테두리를 볼 수 있도록 하고자 한다.

기본값은 .area_view 클래스에 대해 table 속성이 정의되어 있는데, 본문에 적용하는 경우 관련글에 대한 내용에도 같이 적용되는 것을 볼 수 있어 table, th, td에 대해 모두 적용은 어려웠다.

때문에 관련글에 없는 클래스인 td에만 적용하여 클래스 내용이 구분될 수 있도록 하는 코드는 아래와 같다.

아래 코드를 CSS편집에 추가하면 테이블 내용을 구분하기 좀 더 편하도록 테두리가 보이는 것을 확인할 수 있다.

.tt_article_useless_p_margin.contents_style td{ 
    border-spacing: 0px; 
    border-style: none;
    border : 1px solid lightgray; 
    border-collapse: collapse;
}

테이블 예제	내용
테스트	123
456	test content