사이트 내 전체검색
다양한 링크 속성 모음
https://cmd.kr/javascript/258 URL이 복사되었습니다.

본문

<style type="text/css">
<!--
A:link {text-decoration:none; color:#000080}
A:visited {text-decoration:none; color:#000080}
A:active {text-decoration:none; color:#000080}
A:hover {text-decoration:none; color:#529CFF}
-->
</style>

A:link, A:visited, A:active 이렇게 세 개는 고정된 링크속성이기 때문에 별다르게 수정할 필요없이, 색만 바꾸고 위처럼 사용하시면 됩니다.

바꿔사용할부분은 A:hover {text-decoration:none; color:#529CFF}

A: hover {text-decoration:underline; color:#529CFF} <-밑줄

A: hover {text-decoration:underline overline; color:#529CFF} <-두줄

A: hover {text-decoration:none; color:#000080; background:#D0E0FF; padding:2 2 0} <-링크주변에 배경색이...

A: hover {text-decoration:none; color:#529CFF; font-weight:bold} <-글이 굵어짐

A: hover {text-decoration:none; color:#529CFF; font-size:11pt} <-큰 글씨로 변함

A: hover {text-decoration:none; color:#529CFF; background:url(dotline.gif) repeat-x bottom}
<-밑줄이 점선이미지로(url부분엔 도트이미지 주소 넣어주세요)

A: hover {text-decoration:none; color:#529CFF; border-bottom:1 dotted #0000FF} <-점선 밑줄

A: hover {text-decoration:none; color:#000080; border:1 dotted #0000FF; padding:2 3 0} <-링크 주변에 점선 박스가....

A: hover {text-decoration:none; color:#529CFF; border-bottom:3 solid #0000FF} <-굵기3의 밑줄



# 밑에서 3개는 익스플로러 5.5이상에서만 실행됩니다.

출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=70

댓글목록

등록된 댓글이 없습니다.

831 (9/17P)

Search

Copyright © Cmd 명령어 3.12.123.41