본문 바로가기

나눔을 위한/8단계-블로그 팁

블로그 본문 내 이미지 테두리(사각표시) 없애기

반응형

블로그 본문 내에 있는 이미지 테두리(사각표시)를 내 없애는 방법


이미지를 삽입하거나, 링크를 걸때 이미지 테두리가 스킨의 테두리와 이래 저래 얽키고 설키면서 스킨의 선과 맞지 않아 깔끔하지 않게 보인답니다. 그래서 이미지의 테두리 즉 사각표시를 없애기 위해서는 어떻게 해야 하나 고민을 했답니다.

보이시죠 테두리가 있는 모습이.



이 테두리 선을 없애기 위해서는 Style.css 코드를 수정해 주어야 한답니다 
    
     1. 관리자 -> 스킨 -> HTML/CSS 편집으로 이동 
    2. Style.css 부분에서 Ctrl+F 를 눌러서 이미지란 단어를 치면 이미지 관리 부분으로 이동 
    3. .imageblock { border:1px ------- } 란 부분을 찾는다



border:1px 란 부분이 이미지의 두께를 설정하는 부분인데  border:1px -> border:0px 로 바꿔주기


이렇게 코드를 바꿔주고 미리보기를 하시면 기존에 설정되어 있는 본문의 이미지를 감싸고 있던 테두리를 없애준답니다.
보이시죠 깔끔하게 테두리가 없이 이미지만 나타난 부분을.


[관련연관글]
티스토리장점.티스토리하면좋은점
대학생재테크방법, 아르바이트돈으로재테크할 수 있는 대학생 재테크방법, 용돈재테크법
[돈모으는법] 2012년 재테크방법,재무설계방법,20대,30대,40대 재테크방법
돈불리기, 돈불리는방법 알기 위한 필수 정보, 초보재테크돈 불리는방법
재무설계상담, 재테크상담
재무설계비용 알아보고, 무료재무설계 받을 수 있는 곳

반응형