H : T : M : G : A : W

블로그 이미지에 테두리 적용하기블로그 이미지에 테두리 적용하기

Posted at 2014.07.24 23:38 | Posted in ▶ 똑똑한 블로그/블로그(Blog)

블로그 이미지에 테두리 적용하기




오늘은 아주 간단하지만 많은 분들이 모르시는 팁을 하나 가지고 왔습니다. 

티스토리 블로그에 올린 이미지에 테두리와 색상을 적용하는 방법입니다.



티스토리 관리메뉴에서 html 설정에서 style.css 에서 article img 를 찾아보시면 아래와 같이 padding,backgroundcolor-border 가 나옵니다. 여기서 border가 테두리임은 다들 아시겠죠? 현재 1px 로 되어 있고 solid 색상은 #ddd로 되어있네요. 이미지가 등록되면 이미지 테두리는 1px 이고 그 테두리 색상은 #ddd 코드인 회색으로 등록이 되는 것 입니다. 


마진(margin)은 바깥쪽 여백이고, 패딩(padding)은 안쪽 여백을 뜻합니다.




reddreams_tistory_blog




위 스크립트가 적용된 이미지는 아래와 같습니다. 사진 주위로 1px 만큼 회색의 테두리가 칠해졌습니다. 


reddreams_tistory_blog



테두리를 없애고 싶다면 1px 를 0px 로 변경해주시면 됩니다. 당연히 테두리가 없으므로 solid도 적용되지 않겠네요. 




reddreams_tistory_blog



본인의 경우 특별히 테두리를 이용하지 않습니다만, 특히 텍스트를 이미지화 하시는 분들에게는 나름대로 본문 텍스트와 이미지를 방문자들에게 인식시켜줄 수 있는 매우 유용한 방법인 듯 합니다. 많은 도움 되셨길 바랍니다. 



  • Blog Comment()
  • SNS Comment
  • Trackback(0)

티스토리 댓글


  1. 잘 보고 갑니다. 좋은 하루 되세요. ^^

Name __

Password __

Link (Your Website)

Comment

SECRET

SNS 댓글

작성해주신 댓글은 SNS 계정에 남지 않습니다.

Trackback