- 아래의 방식처럼 스타일 시트에서 클래스를
지정해 준 후 각각의 하이퍼링크별로 스타일을
불러와 적용 시킬 수 있습니다
<STYLE>
<!--
A.mBlue:link {color:blue; text-decoration:none;}
A.mBlue:visited {color:blue; text-decoration:none;}
A.mBlue:active {color:blue; text-decoration:none;}
A.mBlue:hover {color:blue; text-decoration:none;}
- A.mRed:link {color:red; text-decoration:none;}
A.mRed:visited {color:red; text-decoration:none;}
A.mRed:active {color:red; text-decoration:none;}
A.mRed:hover {color:red; text-decoration:none;}
//-->
</STYLE>
- </head>
- <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<p align="left">[예]<br>
<a class="mBlue" href="http://lia.pe.kr" target="_blank">파랑색 링크</a> <br>
- <a class="mRed" href="http://lia.pe.kr" target="_blank">빨강색 링크</a> </p>
<p>
<ul><SPAN style="FONT-SIZE: 10pt">아래의 방식처럼 스타일 시트에서 클래스를 <BR>지정해 준 후 각각의 하이퍼링크별로
스타일을 <BR>불러와 적용 시킬 수 있습니다 <BR><BR><BR><STYLE> <BR><!--
<BR>A.mBlue:link {color:blue; text-decoration:none;}
<BR>A.mBlue:visited {color:blue; text-decoration:none;}
<BR>A.mBlue:active {color:blue; text-decoration:none;}
<BR>A.mBlue:hover {color:blue; text-decoration:none;}
<BR><BR>A.mRed:link {color:red; text-decoration:none;}
<BR>A.mRed:visited {color:red; text-decoration:none;}
<BR>A.mRed:active {color:red; text-decoration:none;}
<BR>A.mRed:hover {color:red; text-decoration:none;} <BR>//-->
<BR></STYLE>
<BR><BR><BR><a class="mBlue" 여기 링크할 주소" target="_blank">파랑색 링크</a>
<BR><a class="mRed" href="여기 링크할 주소" target="_blank">빨강색 링크</a>
</SPAN></p>
'Html & Css' 카테고리의 다른 글
| iframe 크기를 테이블이나 화면크기에 (0) | 2016.06.03 |
|---|---|
| 타겟 지정하기 target="_search" (0) | 2016.06.03 |
| marquee 메세지(이미지) 컨트롤 하기 (0) | 2016.06.03 |
| 버튼 클릭으로 스크롤바 보이고 숨기기 (0) | 2016.06.03 |
| 레이어에 스크롤바 달기 (0) | 2016.06.03 |