티스토리 북클럽 스킨을 사용하다 보면 이미지에 테두리가 있었으면 할 때가 있습니다. 이미지가 좀 더 도드라져 보일 수 있는 방법을 알아보겠습니다.
css 수정
이미지에 테두리 넣기
/*comment*/를 찾아서 그 위쪽에 넣어줍니다.
/*이미지테두리 넣기*/ .entry-content figure.imageblock{ max-width:95%; border: 1px solid #e3e3e3; } |
border: 1px 에서 보더 두께를 설정할 수 있습니다.
solid 는 일반 선으로 표시됩니다. dash로 하면 점선으로 표시됩니다.
#e3e3e3 색상을 지정합니다.
이미지테두리에 그림자도 넣기
/*이미지테두리에 그림자 넣기*/ .entry-content figure.imageblock { max-width: 95%; box-shadow: 0 3px 6px 0 rgba(0,0,0,.32); } |
다양한 방법으로 이미지에 테두리나 그림자를 설정해보시기 바랍니다.
'티스토리 북클럽스킨' 카테고리의 다른 글
티스토리 블로그 제목 글꼴 변경하기 (0) | 2024.07.16 |
---|---|
티스토리 북클럽 스킨 제목 높이 조절하기 (0) | 2024.07.16 |
티스토리 북클럽 스킨 글제목 다 나오게 설정하기 (0) | 2024.07.16 |
티스토리 버튼 넣기 (0) | 2024.07.16 |
티스토리 북클럽스킨 사이드바 고정시키기 (0) | 2024.07.16 |