본문 바로가기
  • Coding & Book
그 외

티스토리 이미지 테두리를 설정해보자.

by 루이3 2023. 7. 6.

티스토리 이미지 테두리 설정하기

  • 글을쓰면서 배경이 하얀색이라 이미지 경계가 명확하지 않은 경우가 있습니다.
  • 이에 figure 를 이용하여 코드 하나를  밑에 추가 해주시기만 하면 됩니다.

 

관리 -> 스킨편집 -> html편집 -> css -> 코드 추가

figure.imageblock img {
	border: 5px solid;
}

 

 

효과 변경하기

  • 테두리의 두께를 변경하고 싶을 때는 5px 부분을 1px 이런식으로 바꿔 주시면 됩니다.
  • 테두리의 효과를 변경하고 싶을 때는 아래를 보시고 변경해주시면 됩니다.
solid 테두리를 실선으로 합니다.
dashed 테두리를 점선으로 합니다.
dotted 테두리를 점으로 합니다.
none 테두리 효과가 없습니다.

예시)

figure.imageblock img {
	border: 3px dotted;
}

예시

 

 

 


다해봤는데 효과중  double 은 그대로인거 같아서 뺏습니다...