기본

다양한 css 링크스타일 입니다.

by 보석 posted Sep 08, 2013
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄
Extra Form
미리보기 http://linfree.com/javaboard/30.html


<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->

<style>
<!--

A.type1:link    {color:#FFDD00; text-decoration:none;}
A.type1:visited {color:#FFDD00; text-decoration:none;}
A.type1:active  {color:#FFDD00; text-decoration:none;}
A.type1:hover   {color:#00FF80; text-decoration:underline;}

A.type2:link    {color:#FF0000; text-decoration:underline;}
A.type2:visited {color:#FF0000; text-decoration:underline;}
A.type2:active  {color:#FF0000; text-decoration:underline;}
A.type2:hover   {color:#ABCDEF; text-decoration:underline;}

A.type3:link    {color:#00CCFF; text-decoration:none;}
A.type3:visited {color:#00CCFF; text-decoration:none;}
A.type3:active  {color:#00CCFF; text-decoration:none;}
A.type3:hover   {color:#FF8000; text-decoration:overline underline;}

//-->
</style>

<!------------------------- 여기까지 ---------------------------------->

</HEAD>

<BODY>

<!---- [2단계] 아래의 코드를 원하는 위치에 복사 해 넣으세요 -------------------->

<a class="type1" href="http://linfree.com">첫번째 스타일</a>
<a class="type2" href="http://linfree.com">두번째 스타일</a>
<a class="type3" href="http://linfree.com">세번째 스타일</a>

<!------------------------- 여기까지 ---------------------------------->


다양한 css 스타일 링크 입니다.



Articles

1 2 3