html (À¥) Áú¹®..

ÄĹڠ  
   Á¶È¸ 1287   Ãßõ 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 2757/5687
2014-05   4989180   Á¤ÀºÁØ1
2015-12   1525162   ¹é¸Þ°¡
2017-01   4557   ±è°Ç¿ì
2014-10   7103   ¾¾Çü
2013-04   8764   ±¼´Ù¸®±³
2018-03   3782   ±è°Ç¿ì
2019-05   2943   Àü¼³¼ÓÀǹ̡¦
2021-12   1897   fprrmsl
2013-05   7290   oÈ«Áرâo
2010-05   9188   °¡ºü·Î±¸³ª
2013-05   7650   ¸·ÆÇ´ëÀå
2022-01   1288   ÄĹÚ
2010-05   8539   °¡ºü·Î±¸³ª
2018-03   3859   ¿å½ÉÀïe
2010-05   9737   ¼öÆÛ¸Ç1
2018-04   3200   Á¶ÀçÇü3
2022-01   2111   ´«ºÎ½Å¾Æħ
2014-11   6494   ÂÄÀμº
2020-08   2515   ÄËƲ¸®12
2010-07   8437   ¹èÁؼ®
2016-02   4232   ±ô¹Ú±ô¹Ú°¡
2022-02   1753   º´¸ÀÆù