스킨편집2 티스토리 표에 삽입된 이미지 위쪽 여백 없애기 티스토리 Poster 스킨에서 이미지 여백 조정하기티스토리 에디터에서 표에 이미지를 삽입할 때,편집 중에는 문제가 없어 보이지만 글을 발행하면 이미지 상단에 여백이 생기는 문제가 발생했습니다. 처음에는 여백이 디자인적으로 여유로워 보여 그대로 사용하려 했지만, 보다 깔끔한 레이아웃을 위해 HTML 편집기에서 CSS를 수정하였습니다. 이번 글에서는 표 셀에 삽입된 이미지의 불필요한 여백을 제거하는 간단한 CSS 수정 방법과 그 적용 결과에 대하여 알아보겠습니다.@ 노마드이데아▲ 상단의 여백이 사라진 표◾티스토리 블로그 글쓰기 모드에서 셀이 위아래로 2개 있는 표를 만들어 윗셀에 이미지를 삽입하였습니다.◾에디터에서는 별다른 이상현상 없이 이미지가 정상적으로 삽입됩니다. ◾글작성을 완료하여 저장을 하게 되면 .. 2025. 2. 16. 밑줄로 형광펜 효과 만들기(티스토리) 티스토리에서 형광펜 효과 넣는 법블로그를 보면 가독성을 높이기 위해 형광펜 효과를 적용하는 경우가 있습니다.이것보다는 밑줄이 좀 더 두꺼운 형태로 글자를 포함하는 상태가 보기 좋습니다. 이처럼 글자 배경색은 그대로 두고 밑줄을 쳤을 때 형광펜 효과가 나타나도록 설정하는 방법에 대하여 알아보겠습니다.@ 노마드이데아▲ 눈에 띄는 형광펜 색상글작성을 완료하면 형광펜 효과가 나타납니다.◾티스토리 블로그 관리에서 스킨 편집에 들어간 다음 "html 편집"을 클릭합니다. ◾문제 발생 시 직접 수정해야 한다는 안내창이 나타납니다. "확인"을 클릭합니다. ◾상단에 있는 HTML옆에 있는 "CSS"를 클릭합니다. ◾CSS편집창 맨 아래에 아래의 코드를 복사하여 "붙여 넣기"합니다./* 형광펜 효과 */ u { te.. 2025. 2. 14. 이전 1 다음 728x90 반응형
