본문 바로가기

티스토리 북클럽 스킨 이미지에 테두리 넣기

by 메타공 2024. 7. 16.

티스토리 북클럽 스킨을 사용하다 보면 이미지에 테두리가 있었으면 할 때가 있습니다. 이미지가 좀 더 도드라져 보일 수 있는 방법을 알아보겠습니다. 

 

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);

 

 

다양한 방법으로 이미지에 테두리나 그림자를 설정해보시기 바랍니다.