1.아래 소스를 <head>와 </head>사이에 넣어줍니다.
<STYLE TYPE="text/css">
<!--
a:link { color:blue;text-decoration:underline;}
a:visited { color: gray;text-decoration:none;}
a:active { color:yellow ;text-decoration:none;}
a:hover {color:red;text-decoration:none;}
-->
</STYLE>
2.문법
a:link {속성:속성값;속성;속성값;...}
a:link { } 는 하이퍼링크를 클릭하기전에 적용
a:visited { } 는 하이퍼링크를 클릭한 후에 적용
a:active { } 는 하이퍼링크를 클릭하고 있을때 적용
a:horver { } 는 하이퍼링크 위로 마우스가 올라갔을때 적용
3.속성값
text-decoration 의 속성값
none (밑줄을 표시하지 않습니다.)
underline (밑줄을 긋습니다.)
overline (윗줄을 긋습니다.)
line-through (문장의 허리에 라인을 긋습니다.)
blink (문장을 깜빡거리게 합니다. 참고: 익스플로러에서는 지원하지 않음)
color 의 속성값
색상을 지정하는 방법에는 색상이름 과 16진수 숫자로 이용하는 방법이 있습니다.
색상이름이란?
red , green, blue 와 같은 자연어입니다.
16진수 숫자 색상이란?
빛의 3원색인 RGB(Red,Green,Blue) 의 비율로 색상을 표현합니다.
예)
white = #ffffff
black = #000000
위의 색상이름 white 에 해당하는 16진수 숫자 색상은 ffffff 인데, #을 앞에 붙입니다. ffffff 는 각각 red(ff), green(ff), blue(ff) 가 되는데 ff 는 그 색상을 최대한 사용하는 것입니다. 흰색의 경우 빛의 삼원색을 최대한 사용한 것이므로 ffffff 가 되며, 검은색은 모두 사용하지 않으므로 000000 이 됩니다
'HTML/CSS/SCRIPT' 카테고리의 다른 글
| 소스보기 (0) | 2007.04.19 |
|---|---|
| 저작권 작성방법 (0) | 2007.04.19 |
| 문장의 줄간격 설정하기 [line-height] (0) | 2007.04.19 |
| 외부스타일 링크해서 사용하기 (0) | 2007.04.19 |
| 서서히변하는 버튼 (0) | 2007.04.19 |
Comments