본문 바로가기 메뉴 바로가기
미라클
프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

미라클

검색하기 폼
  • 분류 전체보기 (23)
    • 티스토리 (23)
  • 방명록

css 그림자 (1)
티스토리 Letter 스킨 이미지 그림자 효과 추가

안녕하세요. 이번 포스팅에서는 블로그 본문에 포함된 그림의 테두리에 그림자 효과를 추가해보겠습니다. 스킨마다 편집해야 할 부분이 상이하여, 우선 Letter 스킨 기준으로 설명드리겠습니다. 포스팅 본문에 추가하는 이미지의 배경이 어두운 경우 이미지의 구분을 확실히 할 수 있고, 본문 글과 명확히 차이가 나서 글과 이미지 모두 집중하기 좋습니다. 하지만 이미지의 배경이 흰색일 경우 그림의 여백이 많아 보이고 본문 글과 구분도 힘들어집니다. 만약 이미지 테두리에 그림자가 표현된다면 흰색 배경의 이미지라도 본문 글과 확실히 구분됩니다. 위의 그림은 흰색 이미지가 추가된 포스팅 본문의 기본 화면입니다. 이처럼 그림의 배경의 흰색일 경우 이미지와 본문 글 사이의 여백이 너무 커 보입니다. 이제 여기에 그림자 속성..

티스토리 2020. 7. 27. 18:35
이전 1 다음
이전 다음

Blog is powered by Tistory / Designed by Tistory

티스토리툴바