<img border="0">넣지 않기
이미지 태그에 border 값을 설정하지 않은 상태에서 이미지에 하이퍼링크를 걸게 되면 이미지 주변에 테두리가 생기게 되죠.
보더값이 기본으로 잡혀 있어서 그런건데요.
이때 대부분의 분들이 <img src="..." border="0">과 같이 border 값을 설정합니다. (저도 그렇구요.^^;)
한페이지 내에서 링크걸 이미지가 3-4개뿐이라면 문제가 없지만 그 이상이 되면 링크걸때마다 매번 <img> 태그에 border 속성을 넣어 주는 것도 불편하고, 또 그 만큼 코딩의 길이도 늘어나고, 소스크기또한 커지게 됩니다.
이때 스타일시트 하나로 매번 border=0를 적지 않으셔도 됩니다.
간단하게 <head>와 </head> 사이나, Css 파일에 다음과 같은 스타일 태그를 삽입합니다.
<style>
IMG {border: none;}
</style>
넘 간단하죠? 그렇지만 아주 유용한 소스입니다.
|
|
2002/11/10 17:09:27
12871
0
<img border="0">넣지 않기 
