html (À¥) Áú¹®..

ÄĹڠ  
   Á¶È¸ 1254   Ãßõ 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 2713/5679
2015-12   1479406   ¹é¸Þ°¡
2014-05   4942587   Á¤ÀºÁØ1
2022-11   1142   Mode
2015-06   11829   ¹Ì¼ö¸Ç
2014-02   8525   cpueblo
2011-12   4838   ¸Å¾²TM
2015-06   3306   foobar2000
2022-11   1369   ¶Ñ¾Ó
06-28   1193   ÃѾËź»ç³ªÀÌ
2018-10   4324   ±èÀºÈ£
2014-02   14591   akfalles
2016-07   4512   ³­´Ù°õ
2019-12   4282   LSSAH
2021-03   4905   ¹öÁî
2022-11   2446   ¹Ì¼ö¸Ç
2014-03   6471   ±ÇÈñ¼®
07-20   1240   ¹«½î»Ôó·³
2017-08   3315   ½º¸¶Æ®¸Ç
2021-04   4613   Á¦¿ÂÇÁ·Î
2022-12   4787   LevinF
2014-03   3938   ±è¹Î¼ö2
2021-04   2408   Á¤ÀǼ®