CSS | ol 리스트 태그 꾸미기

<ol> 태그는 <li> 태그와 함께 사용되며 순서가 있는 목록을 만드는 데 사용됩니다. 목차 앞에 숫자, 로마숫자 대문자, 로마숫자 소문자, 알파벳 대문자, 소문자…

CSS | 리본 스타일 H태그 꾸미기 서식

가독성을 높이기 위해 CSS로 H태그를 꾸민 블로그를 많이 보셨을 것입니다. 기본적으로 제목의 글자 크기가 문단의 글자 크기보다 훨씬 커서 보기 쉽지만, H태그를 조금 …

CSS | 블로그를 돋보이게 하는 H태그와 단락 꾸미기 서식

블로그 게시물을 돋보이게 하기 위해 텍스트 블록 서식을 만들었습니다. 이 텍스트 블록은 H 태그와 단락을 꾸며 글에 집중할 수 있도록 만든 디자인입니다. H태그에 배경색을 추가하여 버…

PC와 모바일에서 블로그 이미지 다운로드 방지 방법

드래그 선택 복사 금지 에 관한 글을 작성했었는데 이번에는 블로그에 첨부된 이미지 다운로드를 방지하는 방법을 공유합니다. 개별 이미지 다운로드를 방지하는 방법과 한번에 모든 이미지에 적용하…

애드센스 | 반응형 디스플레이 광고 높이 고정하기

애드센스 반응형 광고 적용 시 지나치게 높은 광고가 게재되어 블로그(사이트)의 미관을 해치고 글에 집중하기 어려운 경우가 있습니다. 이 문제는 너비가 반응형으로 유지되고…

CSS | 포스트잇 스타일 텍스트 블록 서식

포스트잇 스타일의 CSS 텍스트 블록 서식입니다. 정보, 경고 등을 표시하여 방문자에게 강조된 문장을 전달할 수 있습니다. 또는 발췌 문장, 인용 문구를 장식하는 데 사…