![](/bink.gif) |
|
| ![](/bink.gif) |
|
![](icon/private_name/1.gif) |
13³â Àü |
¸µÅ©µÈ °÷¿¡ ¸¶¿ì½º¸¦ ¿Ã¸®¸é »ö±ò ¹Ù²î´Â CSS ÀÇ "Hover" ±â´É ÀÀ¿ëÇغ¸±â
ÅؽºÆ® ¸µÅ©µÈ °÷¿¡ ¸¶¿ì½º¸¦ ¿Ã¸®¸é »ö±ò ¹Ù²î´Â Çö»óÀÌ CSS ÀÇ "Hover" Çö»óÀÔ´Ï´Ù.
"Hover" ±â´ÉÀ» ¼·Î ´Ù¸£°Ô ÁÖ¸é ½ÉÇÃÇÑ ¸Þ´º°¡ µÉ°ÍÀÔ´Ï´Ù. "Hover" ±â´ÉÀº ´ÙÀ½°ú °°ÀÌ ÀÛ¼ºÀ» ÇÕ´Ï´Ù.
a:hover {} ·Î ÀÛ¼ºÀ» Çϴµ¥ ÀÌ °á°ú¹°Àº ¸µÅ©°¡ °É¸° ÅؽºÆ®¿¡ Àý´ëÀûÀ¸·Î Çϳª¸¸ ÁÙ ¼ö
°¡ ÀÖ¾ú½À´Ï´Ù
ÀÌÁ¦ºÎÅÍ´Â a:¾Õ¿¡ ¾Æ¹« À̸§À̳ª ³Ñ¹ö¸¦ »ðÀÔÇÏ¿© ¼Ò½º¸¦ ¹Ù²Ù¸é ¿øÇÏ´Â ¸¸Å ÀÚÀ¯·Ó°Ô
¹Ù²Ü ¼ö°¡ ÀÖ½À´Ï´Ù.
¿¹: a.À̸§¸í:hover {}
À§¿Í °°ÀÌ hover¿¡ À̸§À» Á¤ÇØÁÖ°í <Body> ³»¿ë¾ÈÀÇ ¿øÇÏ´Â ºÎºÐ¿¡ Ŭ·¡½º¸¦
¼±¾ðÇÏ¸é µË´Ï´Ù.{class="À̸§¸í"}(classÀ̸§¸íÀº hoverÀ̸§¸í°ú µ¿ÀÏÇÏ°Ô Á¤ÇØ
ÁÖ¾î¾ßµË´Ï´Ù.
´ÙÀ½ ¿¹Á¦¸¦ Âü°í ÇϽñ⠹ٶø´Ï´Ù.
<html>
<head>
<title>³»¿ëÀÌ ´Ù¸¥ Hover ±â´É</title>
<style type="text/css">
<!--
a {font-family: ±¼¸²; font-size:9pt; text-decoration: none}
a.no1:hover {font-size:9pt; color:#33CC00; text-decoration: none}
a.no2:hover {font-size:9pt; color:#CCCCCC; text-decoration: none}
a.no3:hover {font-size:9pt; color:#FF0000; text-decoration: none}
a.no4:hover {font-size:9pt; color:#336699; text-decoration: none}
a.no5:hover {font-size:9pt; color:#339966; text-decoration: none}
-->
</style>
</head>
<body bgcolor=#FFFFFF>
<a href="http://homejungbo.com" target="_blank" class="no1">ȨÁ¤º¸ÄÄ</a>
<a href="http://homejungbo.com" target="_blank" class="no2">ȨÁ¤º¸ÄÄ</a>
<a href="http://homejungbo.com" target="_blank" class="no3">ȨÁ¤º¸ÄÄ</a>
<a href="http://homejungbo.com" target="_blank" class="no4">ȨÁ¤º¸ÄÄ</a>
<a href="http://homejungbo.com" target="_blank" class="no5">ȨÁ¤º¸ÄÄ</a>
</body>
</html>
|
|
̵̧ : 363 |
̵̧
¸ñ·Ï
|
|
| ![](/bink.gif) |
|