html (À¥) Áú¹®..

ÄĹڠ  
   Á¶È¸ 1288   Ãßõ 0    

(예시를 위에 구글에서 아무거나 쳐서 가져온 사진)


 안녕하세요 ㅠㅠ

제가 홈페이지를 제작하고 있는데 궁금한점이 생겨서 이렇게 글을 올립니다.


저런식으로 어떠한 사진을 올렸을때 (예시를 오토바이로 들겠습니다.)

저렇게 바퀴에 마우스를 올리면 해당 부분위에 테두리가 빛나게 하고싶습니다..


이게 사진이 사각형인경우 마우스 오버해서 오버 이벤트를 주면 되는데..

곡선, 원 이런게 포함되니까 어찌해야할지 감이 안잡힙니다.. ㅠㅠ

ªÀº±Û Àϼö·Ï ½ÅÁßÇÏ°Ô.
±èÀå¿ì 2022-01
±âº»À¸·Î ¿ÀÅä¹ÙÀÌ Àüü »çÁøÀ» »Ñ¸®°í(background-image or img),
±× À§¿¡ ¹ÙÄû¸¸ ÀÖ´Â À̹ÌÁö¸¦ ¶È°°Àº À§Ä¡¿¡ Çϳª¸¦ ´õ ¿Ã·Á³õ°í ±× À̹ÌÁö¿¡ mouse over À̺¥Æ®¸¦ °É¾î ³õÀ¸¸é µÇ°ÚÁö¿ä..
¾îÂ÷ÇÇ »ö±òÀÌ ¹Ù²ï´Ù¸é ¹ÙÄû ºÎºÐ¹Ù²î´Â °ÍÀÌ´Ï ±× À̹ÌÁö¿¡ border¸¦ Á൵ µÇ°í, À̹ÌÁö¸¦ ±³Ã¼Çصµ µÇ°í¿ä..
image mapÀÇ °æ¿ì shape=circle·Î µÎ¸é µÇ±ä ÇÏÁö¸¸ ÀÌ°Ç Å¬¸¯ÀÌ ÀÖÀ» ¶§ À̺¥Æ®°¡ ¹ß»ýÀ» Çϴϱî ÀÌ »óȲ¿¡ Àû¿ëÀ» ÇÏ±ä ±×·¸°í¿ä..
Àå¿ì´Ô ¸»¾¸´ë·Î ÀÌÁß À̹ÌÁö¸¦ È°¿ëÇÏ¸é µÇ°Ú³×¿ä..

¹ÙÄûºÎºÐ¸¸ ÀÏ¹Ý À̹ÌÁö¿Í ¹é±×¶ó¿îµå Èı¤ÀÌ ÀÖ´Â À̹ÌÁö 2ÀåÀ¸·Î Mouseover À̺¥Æ®¸¦ È°¿ëÇÏ¸é µÇ°Ú³×¿ä.
¹öÁî 2022-01
¿À À̹ÌÁö¸¦ µÎ °³¸¦ »ç¿ëÇÏ´Â ¹æ¹ýÀÌ ÀÖ±º¿ä!!

Àú´Â ¹è°æÀ» Åõ¸íÀ¸·Î ³¯¸®°í css¸¦ ÀÔÈü´Ï´Ù.
°­Çѱ¸ 2022-01
Àüü °¨½Î´Â div ³Ö°í Æ÷Áö¼Ç relative, °¡·Î ¼¼·Î Æø ÁöÁ¤
À̹ÌÁö div ³Ö°í Æ÷Áö¼Ç absolute ÇÑ´ÙÀ½ img ³Ö°í
¹ÙÄû ¿µ¿ª div ³Ö°í Æ÷Áö¼Ç absolute ³Ö¾î¼­ bottom , right ³ÖÀº ´ÙÀ½ ¿µ¿ª ÁöÁ¤ÇÏ°í
css ¿¡¼­ ¸¶¿ì½º ¿À¹ö½Ã div ¿µ¿ªÀ» ¶ó¿îµåó¸® Çϰųª ¾Ö´Ï¸ÞÀÌ¼Ç Ã³¸®ÇÏ¸é µË´Ï´Ù.
ÇöÀç±îÁö ¾Ö´Ï¸ÞÀ̼ÇÀº Å°ÇÁ·¹ÀÓ ¾î¼°í Çϴ°ɷΠ¾²´Â°Å·Î ¾Ë°íÀֳ׿ä


¾Æ´Ï¶ó¸é À̹ÌÁö¸Ê À̶ó°í Ä¡¸é ³ª¿Ã²¨¿¡¿ä ÀÌ°É ÀÌ¿ëÇصµ µÉ°Ì´Ï´Ù.


QnA
Á¦¸ñPage 583/5687
2015-12   1527134   ¹é¸Þ°¡
2014-05   4991146   Á¤ÀºÁØ1
2003-11   10302   ¹ÚÂùÀÏ
2011-04   10302   ±èÁ¤Áß
2002-12   10302   ¿À±Ôȯ
2017-01   10302   ÀÌÁؼ­
2013-05   10302   ÁعÙÀÌ
2014-03   10301   ¼­¿ï±èâÈñ
2003-05   10300   ±è½Â·æ
2008-12   10300   Çѵ¿ÈÆ
2010-08   10300   ¹Ì³à¿ÍÈ®°í¡¦
2005-04   10299   ÀÌÁøºÀ
2010-12   10299   °æ¹ÚÇѽùÎ
2003-12   10299   ¿À½ÂÁØ
2003-10   10299   ¹Ú¿µ·Ï
2003-06   10299   È«¼º¼­
2002-12   10299   ¼ÕÀçÈÆ
2012-09   10298   ¹ä¾Ë1±èÇü±Ù1
2003-10   10298   ¿ÀÇü±Ù
2003-10   10297   ±èÇüÁß
2003-11   10297   Çã¿ø¿µ
2015-09   10297   ÇϽÂÇù