g3.cc

2002/11/10 17:09:27	12346 0

<img border="0">넣지 않기 [1]

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

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

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

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

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

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

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

코멘트를 작성하시면 2 포인트가 지급됩니다.


2004/03/30 20:25:51		태클: 원래 img 태그는 자동으로는 절대로 border가 안 생기지 않나요? 강제로 border=얼마.. 라고 하지 않는 이상.... modify 2004/03/30 20:26:43