[티스토리] 코드블럭 이쁘게 사용하기 - (feat. 테이블 줄 없애주기)

안녕하세요, 페퍼씨입니다.

 

코드블럭에 라인넘버를 생성해줬는데, 박스 테이블 안에 줄이 생성되셨나요?

 

그래도 상관없다~ 하시면 그대로 두셔도 되지만,

 

난 깔끔하게 줄 없는 상태로 보고싶다! 하신다면 아래 방법을 따라해주세요

 

스킨편집 -> HTML 편집 -> CSS 탭으로 선택해주세요

 

그 다음 ctrl + F 로 찾기를 통해 content table 또는 view table를 찾아주세요

 

content table

.entry-content table {
	width:100%;
	margin-bottom: 22px;
	border: 1px solid #e6e6e6;
	border-collapse: collapse;
	text-align: center;
	font-size: 0.9375em;
	line-height: 1.5714;
	color: #666;
}
.entry-content table thead th {
	padding:7px 0 11px;
	border-left: 1px solid #e6e6e6;
}
.entry-content table tbody td {
	padding:7px 0 11px;
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}

 

view table

.article-view table {
    border: 1px 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: 1px solid #dadce0;
}
 
.article-view table tr {
    border-bottom: 1px solid #dadce0;
}

 

 

table 앞에 공백마다 > 를 추가해주시면 .

 

그럼 테이블에 있던 줄이 사라진걸 확인하실 수 있습니다 !