이미지 링크 스타일 지정

이미지에 링크를 걸면

이미지에 마우스클릭시 이미지에 점선 보더효과가 나타난다.

별건 아니지만 가끔 이런걸 문제삼는 사람들이 있어서...

onfocus="this.blur()"를 링크시에 추가를 하면 되지만

귀찮은 작업이고 해서

css로 해결

<style type="text/css">
<!--
a, area {blr:expression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none; }
-->
</style>

요렇게 head와 head사에 추가를 하면 귀찮은 작업은 종료...

그리고 한가지 더 추가하자면..

이미지에 링크를 걸면 파란색 보더가 효과가 나타나는데... border="0"을 추가하는 것도

귀찮고 요놈도 css에서 단 한줄이면 삭제가 가능하다.

img {border:none}

고로 위 두개를 같이 쓰면 귀찮은 작업은 좀 사라진다는...