2009년 09월 29일
[필수태그] 링크테두리 없애기
* 이미지에 링크걸때 파란테두리 없애기
<img src="이미지" border="0">
한꺼번에 없앨때에는,
<!-- 이미지 테두리 없애기 -->
<style type="text/css">
<!--
IMG {border: none;}
-->
</style>
<!-- 텍스트 밑줄없애기-->
<style type="text/css">
<!--
A:link { text-decoration:none ; }
A:visited { text-decoration:none ; }
A:active { text-decoration:none ; }
A:hover { text-decoration:none; }
-->
</style>
<!-- 텍스트 링크속성 변경하기 -->
<style type="text/css">
<!--
A:link { color:#컬러코드 ;text-decoration:none ; }
A:visited { color:#컬러코드 ;text-decoration:none ; }
A:active { color:#컬러코드 ; text-decoration:none ; }
A:hover { color:#컬러코드 ; text-decoration:none; }
-->
</style>
위에 소스는 head에 넣으세욤~!
* 링크시 생기는 점선 테두리 없애기
<a href="이동할주소" onfocus="this.blur()">이미지or텍스트</a>
한꺼번에 없앨때에는,
<!-- 링크 점선없애기-->
<script language="JavaScript">
<!--
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
//-->
</script>
# by | 2009/09/29 14:19 | Webdesign Tip | 트랙백 | 덧글(0)




