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