¿©·¯°¡Áö LINK ¼Ó¼º ¸¸µé±â
{1} À̹ø¿¹Á¦´Â ÇÏÀÌÆÛ¸µÅ©½Ã ¸µÅ©¼Ó¼ºÀ» ¿©·¯°¡Áö ¸ð½ÀÀ¸·Î Á¦¾îÇÏ´Â ³»¿ëÀÔ´Ï´Ù.
A:link |
Çѹøµµ Ŭ¸¯ÇÑÀûÀÌ ¾ø´Â ÇÏÀÌÆÛ¸µÅ© |
A:visited |
¹æ¹®ÇÑÀûÀÌ ÀÖ´Â ÇÏÀÌÆÛ¸µÅ© |
A:hover |
¸¶¿ì½º°¡ ÇÏÀÌÆÛ¸µÅ©·Î ¿Ã¶ó°¬À» ¶§ |
A:active |
½ÇÇà ÇÏÀÌÆÛ¸µÅ©{¸¶¿ì½º¸¦ ´·¶À» ¶§ÀÇ ÇÏÀÌÆÛ¸µÅ©} |
{1}À̹ø¿¹Á¦´Â ³»¿ëÀÇ ¾çÀÌ ¸ðÈ£ÇÏ¸é ½ºÅ©·ÑÀÌ XÃà ¶Ç´Â YÃà¿¡ µ¿½Ã¿¡ »ý±â´Â Çö»óÀÌ ÀÖ½À´Ï´Ù.
ÀÌ·±°æ¿ì CSS ÇÑÁÙÀÌ¸é ¿øÇÏ´Â ¹æÇâ¿¡ ½ºÅ©·ÑÀ» °Á¦·Î ¾ø¾Ö´Â ±â´ÉÀÔ´Ï´Ù.
{2}¸ÕÀú <HEAD> ºÎºÐ¿¡ CSS ¸¦ ¼±¾ðÇÕ´Ï´Ù.
<html> <head> <title>¿©·¯°¡Áö LINK ¼Ó¼º ¸¸µé±â</title> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> <style type="text/css"> <!-- a.no1:link {color:#990000; text-decoration:none;} a.no1:visited {color:#990000; text-decoration:none;} a.no1:hover {color:#990000; text-decoration:none;}
a.no2:link {color:#990000; text-decoration:none;} a.no2:visited {color:#990000; text-decoration:none;} a.no2:hover {color:#990000; text-decoration:underline;}
a.no3:link {color:#990000; text-decoration:none;} a.no3:visited {color:#990000; text-decoration:none;} a.no3:hover {color:#990000; text-decoration:underline overline;} --> </style> </head> <body bgcolor="#FFFFFF" text="#000000">
</body> </html> |
{3}CSS ¼±¾ðµÈ ³»¿ëÀ» º¸½Ã¸é {no1}, {no2}, {no3} ¶ó´Â½ÄÀ¸·Î °¢±â À̸§À» °¡Áö°íÀÖÁÒ?
ÀÌ À̸§Àº <BODY> ¾È¿¡¼ <Class=no1>, <Class=no2>, <Class=no3> ¶ó´Â½ÄÀ¸·Î °¢°¢ ºÒ·¯µé¿©¼
»ç¿ëÇÑ´ä´Ï´Ù.
¿¹¸¦µé¾î<a href="http://myhome.naver.com/jong2509" target="_blank" Class=no1>ÇØ°üÀÌÀÇ µå¸²À§¹ö
°øºÎ¹æ</a>
ÀÌ·±½ÄÀ̶ó°í º¸½Ã¸é µË´Ï´Ù.
¢¹ {text-decoration:none;} - ¹ØÁپȱ߱â
¢¹ {text-decoration:underline;} - ¹ØÁٱ߱â
¢¹ {text-decoration:underline overline;} - ¹ØÁÙ ¹× ÀÁٱ߱â
{4} ±×·³ ÀÌ·¸°Ô Àû¿ëÀÌ µÇ°ÚÁÒ?
<html> <head> <title>¿©·¯°¡Áö LINK ¼Ó¼º ¸¸µé±â</title> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> <style type="text/css"> <!-- a.no1:link {color:#990000; text-decoration:none;} a.no1:visited {color:#990000; text-decoration:none;} a.no1:hover {color:#990000; text-decoration:none;}
a.no2:link {color:#990000; text-decoration:none;} a.no2:visited {color:#990000; text-decoration:none;} a.no2:hover {color:#990000; text-decoration:underline;}
a.no3:link {color:#990000; text-decoration:none;} a.no3:visited {color:#990000; text-decoration:none;} a.no3:hover {color:#990000; text-decoration:underline overline;} --> </style> </head> <body bgcolor="#FFFFFF" text="#000000"> | <a href="http://myhome.naver.com/jong2509" target="_blank" Class=no1>ÇØ°üÀÌÀÇ µå¸²À§¹ö4 °øºÎ¹æ</a> | <a href="http://myhome.naver.com/jong2509" target="_blank" Class=no2>ÇØ°üÀÌÀÇ µå¸²À§¹ö4 °øºÎ¹æ</a> | <a href="http://myhome.naver.com/jong2509" target="_blank" Class=no3>ÇØ°üÀÌÀÇ µå¸²À§¹ö4 °øºÎ¹æ</a> | </body>
|