상세 컨텐츠

본문 제목

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

▶ 똑똑한 블로그/블로그(Blog)

by 빨간꿈 reddreams 2014. 7. 24. 23:38

본문

반응형

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




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

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



티스토리 관리메뉴에서 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



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



반응형

관련글 더보기

댓글 영역