티스토리 코드 저장용

 

<table style="border-collapse: collapse; width: 99.3023%; height: 119px;" border="1" data-ke-align="alignLeft"> <tbody> <tr style="height: 119px;"> <td style="width: 100%; text-align: center; height: 119px;"><span style="font-family: 'Nanum Gothic'; color: #000000;"><b>▶ 잘못된 내용이나 오타에 대한 지적은 언제나 감사한 마음으로 받고 있습니다 ◀<br /></b></span></td> </tr> </tbody> </table>

<tr bgcolor="#212121">

 

※ 테이블 내부 셀 배경색 변경

- bgcolor은 html 랜더링 방식 / 잘 사용하지 않음
- css는 스타일태그 / style 내에 코드 작성
- tr보다 td가 더 하위이기 때문에 td에 적용된 값의 우선순위가 가장 높음

background: #212121; background: #f6f6f6;

 

※ 리스트(li) 왼쪽 여백 조절 방법 : ul 스타일에 padding-left 적용
<ul style="list-style-type: disc; padding-left: 20px; margin-bottom: 0px;" data-ke-list-type="disc">

- 리스트 아래 여백은 동일하게 ul 스타일 내의 margin-bottom으로 조절 가능

 

※ 테이블 외곽선 두께 변경 : table 스타일 내에서 border로 두께와 색깔 정의

<table style="border-collapse: collapse; width: 100%; height: 60px; border: 2px solid #000000;" border="1" data-ke-align="alignleft">​

 

※ 테이블 내부 폰트 사이즈 변경 : 해당하는 스타일 내에 font-size 추가

- X와 pt 사이에 공백 없도록 할것.

font-size : Xpt;

 

※ 구분선 위아래 여백 조절 : 스킨 CSS 코드 변경

- 구분선 적용하였을때 위아래 여백이 다른 부분을 일괄 조절 하고자 함.

- 구분선을 관리하는 entry-content hr에서 여백을 margine으로 주고 !important를 먹여 강제적용.

- 최종 적용값 margin-top: 30px

▶ 변경 전 .entry-content hr { display: block; height: 0; border: 0; border-bottom: 1px solid #000; }

▶ 변경 후 .entry-content hr { display: block; height: 0; border: 0; margin-top: 30px !important; border-bottom: 1px solid #000; }