|
 |
12³â Àü
|
 À̹ÌÁö °¹¼ö¸¦ ÁÙ¿© À¥ÆäÀÌÁöÀÇ ·ÎµùÀ» ºü¸£°Ô Çϴµ¥ ¸ñÀûÀÌ ÀÖ½À´Ï´Ù.
ÀϹÝÀûÀ¸·Î´Â ¾ÆÀÌÄÜ, ¹öưµîÀ» °¢°¢ÀÇ À̹ÌÁö ÆÄÀÏ·Î ÀúÀåÇÏÁö¸¸,
background sprites ±â¹ýÀº ¾ÆÀÌÄÜ, ¹öưµîÀ» ÀÏÁ¤ °£°ÝÀ» µÎ°í ÇѰ³ÀÇ À̹ÌÁö ÆÄÀÏ·Î ¸¸µé¾î »ç¿ëÇÕ´Ï´Ù.
(À§À̹ÌÁö ÂüÁ¶)
±×·¸´Ù¸é Àú À̹ÌÁö¸¦ ¾î¶»°Ô »ç¿ëÇÒ±î¿ä?
<img> ű׸¦ »ç¿ëÇÏÁö ¾Ê°í Àǹ̿¡ ¸Â´Â ű׸¦ »ç¿ëÇÏ¿© ¹¶ÃÄÁø À̹ÌÁö¸¦ ¹é±×¶ó¿îµå·Î ¼³Á¤ÇÏ¿©
background-position ¸¸À¸·Î Ãâ·ÂµÉ À§Ä¡¸¸ Àâ¾ÆÁÝ´Ï´Ù.
»ç¿ëÀº ½±Áö¸¸, ¼ÕÀÌ ¸¹ÀÌ °¡´Â°Ô ´ÜÁ¡ÀÔ´Ï´Ù. ^^;
¾ÆÀÌÄÜ+ÅØ½ºÆ®À¸·Î µÈ ¹öưÀ» ¸¸µé°íÀÚ ÇÒ¶§ ¾Æ·¡¿Í °°Àº ¹æ½ÄÀ» ¾²°Å³ª ÅëÀ̹ÌÁö¸¦ »ç¿ëÇÒ°ÍÀÔ´Ï´Ù.
<a><img alt='musictrot'>musictrot</a>
<a><img alt='sir'>musictrot</a>
À§ÀÇ ¼Ò½º¸¦ background sprites ±â¹ýÀ¸·Î ¹Ù²Û´Ù¸é, ¾Æ·¡¿Í °°ÀÌ µÇ°Ú½À´Ï´Ù.
background sprites ±â¹ý ¼³¸í¿¡ ºÒÇÊ¿äÇÑ ¼Ò½º´Â Á¦°ÅÇß½À´Ï´Ù.
<style>
a {float:left; background:url('À̹ÌÁöÁÖ¼Ò');}
a.btn_musictrot {padding-left:¾ÆÀÌÄܳÐÀÌ; width:¹öư³ÐÀÌ; height:¹öư³ôÀÌ; background-position:xÁÂÇ¥ yÁÂÇ¥;}
a.btn_sir {padding-left:¾ÆÀÌÄܳÐÀÌ; width:¹öư³ÐÀÌ; height:¹öư³ôÀÌ; background-position:xÁÂÇ¥ yÁÂÇ¥;}
</style>
<a class='btn_musictrot'>musictrot</a>
<a class='btn_sir'>sir</a>
ÀÌÇØ°¡ µÇ¼Ì³ª¿ä?
|
|
̵̧ : 558 |
̵̧
¸ñ·Ï
|
|