코딩 이미지 테두리 - koding imiji teduli

<img border="0">넣지 않기
이미지 태그에 border 값을 설정하지 않은 상태에서 이미지에 하이퍼링크를 걸게 되면 이미지 주변에 테두리가 생기게 되죠.
보더값이 기본으로 잡혀 있어서 그런건데요.

이때 대부분의 분들이 <img src="..." border="0">과 같이 border 값을 설정합니다. (저도 그렇구요.^^;)

한페이지 내에서 링크걸 이미지가 3-4개뿐이라면 문제가 없지만 그 이상이 되면 링크걸때마다 매번 <img> 태그에 border 속성을 넣어 주는 것도 불편하고, 또 그 만큼 코딩의 길이도 늘어나고, 소스크기또한 커지게 됩니다.

이때 스타일시트 하나로 매번 border=0를 적지 않으셔도 됩니다.

간단하게 <head>와 </head> 사이나, Css 파일에 다음과 같은 스타일 태그를 삽입합니다.

< style>
IMG {border: none;}
< /style>

넘 간단하죠? 그렇지만 아주 유용한 소스입니다.

관련 게시물