[티스토리 스킨 수정] - 본문 하단 [ 카테고리의 다른 글] 박스 테두리 수정 (HTML/CSS)

 

 

티스토리를 오랫만에 다시 가동을 시키고 이것저것 만져보고 있습니다.

글을 올리고 보니, "카테고리의 다른 글" 영역에 테이블 테두리가 너무 보기 싫더라구요. 그래서 테이블 테두리를 지워보았습니다.

"카테고리 다른 글" 원래 형태 모양

 

아래 처럼 가운데 테이블 테두리만 지워져도 매우 깔끔합니다.

"카테고리 다른 글" 테이블 테두리 삭제 후 하

방법은 매우 간단해요.

스킨 편집에서 CSS를 조금만 수정해 주면 됩니다. (CSS 파일 찾아가는 법은 생략할께요)

CSS 파일에서 "article_view table" 을 찾습니다.
참고로, 저는 "Letter" 라는 스킨을 사용하고 있고, 780 라인 근처에 있습니다. 
border: 1px, border-left : 1px, border-bottom : 1px 로 되어 있는 부분을 모두 0px 로 수정해주면 됩니다.

 

수정한 소스는 다음과 같습니다. 아주 간단하죠?

.article_view table {
  border: 0px solid #dadce0;
  border-collapse: collapse;
}

.article_view table thead tr {
  background: rgba(0, 0, 0, 0.05);
  font-size: 16px;
  color: #000;
}

.article_view table tr th,
.article_view table tr td {
  padding: 7px;
  border-left: 0px solid #dadce0;
}

.article_view table tr {
  border-bottom: 0px solid #dadce0;
}