사진 테두리 설정하기


사진 테두리를 없애거나, 굵기 색깔을 바꾸는 방법을 소개하겠습니다. 평소에는 사진 테두리에 대해 크게 신경쓰지 않고 포스팅을 해오셨을텐데요. 사진 테두리를 꾸미거나 수정해보시면 애드센스 효과에도 영향을 미치지 않을까 생각됩니다.


사진1테두리 있는 사진

보시면 사진에 테두리가 있습니다. 이 테두리는 굵기 2로 설정 되어있는 테두리입니다. 그냥 이 상태도 깔끔해 보이긴 하네요.



이 테두리를 설정하기 위해서는 [HTML/CSS 편집] - [HTML/CSS] - [style.css]에서 아래 코드를 수정해주면 됩니다.

.imageblock  {

    margin:0;

    padding:0;

    border:2px solid #ddd;

}


단축키 ctrl+f로 imageblock 을 검색하면 아래 사진과 같은 부분이 검색됩니다. 여기서 사진 테두리를 설정하기 위해 밑줄 친 부분의 숫자 부분을 수정하시면 됩니다. 0으로 설정하면 사진 테두리가 없어지고 1, 2, 3 으로 수정하면 사진 테두리의 굵기가 굵어집니다.

사진2코드 수정


border: 0px 으로 수정하시면 아래와 같이 테두리가 없어집니다. 더 자연스러워진 것 같지 않나요?

사진3테두리 없애기






posted by 쪼재