네이버 블로그

 


간단한 웹 태그 3 - 링크글 제어법
추천 : 31 이름 : chris 작성일 : 2004-02-27 23:25:05 조회수 : 1,121

링크된 문자나 글은 "스타일(Style)"이라는 태그 명령어를
이용하여 여러 가지로 제어가 가능하다.

1 .링크의 밑줄을 없애려면,
와 사이에 다음과 같은 스타일 시트 코드를 삽입한다.
이렇게 하면 그 페이지에 있는 모든 링크에 마우스를 올려 놓아도 밑줄이
생기지 않게 된다.



2. 링크 위에 마우스를 올려 놓으면 색이 변하도록
와 사이에 다음과 같은 스타일 시트 코드를 삽입한다.



[명령어 설명]
link : 텍스트 링크 색상
visited : 링크를 방문했던 곳의 색상
active : 링크를 클릭할 경우의 색상
hover : 링크 위에 마우스를 올려 놓았을 때의 색상

3. 링크의 밑줄을 제어하려면
위 예제에서 hover 부분을 다음과 같이 변경할 수 있다:

A:hover {text-decoration:underline;} => 밑줄 나오는 효과
A:hover {text-decoration:overline;} => 윗줄 나오는 효과
A:hover {text-decoration:underline overline;} => 위아래 두줄 나오는 효과

4. 링크의 텍스트 속성 변경하려면
위 예제에서 hover 부분을 다음과 같이 변경할 수 있다:

A:hover {font-weight:bold;} => 진하기 속성 부여
A:hover {font-size:16pt;} => 글꼭 사이즈 변경
A:hover {font-weight:bold; font-size:16pt;} => 진하기 속성 및
글꼴 사이즈 동시 변경

5. 링크에 두꺼운 선이 나타나게 하려면
위 예제에서 hover 부분을 다음과 같이 변경할 수 있다.

A:hover {text-decoration:none; border-bottom-width:3; border-bottom-style:solid;}



* chris님에 의해서 게시물 이동되었습니다 (2006-07-30 15:41)
32.   24
번호 제목 작성자 날짜 조회 선택
22  Share EX2 사용방법 간단 설명! chris 2008-11-18 6695
21  WINNY2 자동 검색법 예제  [4] chris 2007-01-09 2581
20  WINNY2 사용법  [4] chris 2007-01-09 4734
19  WINNY2 자주 쓰는 검색어 chris 2007-01-09 1553
18  윈도우 XP에서 일본어 폰트 사용법 팁 세가지  [3] chris 2004-07-30 3025
17  자막 싱크 조절 프로그램 smiSync 설명  [2] chris 2004-07-26 3444
16  Winny 1.14 설정법  [2] chris 2004-07-23 2351
 간단한 웹 태그 3 - 링크글 제어법 chris 2004-02-27 1121
14  간단한 웹 태그 2 - 링크시 점선 없애는 법 chris 2004-02-27 1136
13  간단한 웹 태그 1 - 링크 chris 2004-02-27 1183
[1] 2 [3][4]
Copyright 1999-2021 Zeroboard / skin by