ȸ¿ø°¡ÀԡžÆÀ̵ð/ºñ¹øÃ£±â
ȨÀ¸·Î


css background sprites
13³â Àü

À̹ÌÁö °¹¼ö¸¦ ÁÙ¿© À¥ÆäÀÌÁöÀÇ ·ÎµùÀ» ºü¸£°Ô Çϴµ¥ ¸ñÀûÀÌ ÀÖ½À´Ï´Ù.



ÀϹÝÀûÀ¸·Î´Â ¾ÆÀÌÄÜ, ¹öưµîÀ» °¢°¢ÀÇ À̹ÌÁö ÆÄÀÏ·Î ÀúÀåÇÏÁö¸¸,

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>

ÀÌÇØ°¡ µÇ¼Ì³ª¿ä?

ÃßõÃßõ : 686 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
2,891
ÀÔ·Â Çʵ忡¼­ ƯÁ¤´Ü¾î(¿¹:#err)°¡ Æ÷ÇԵǾúÀ» ¶§ ½Ç½Ã°£ °¨Áö ¹× °æ°íâ ¶ç¿ì±â
2,890
µ¥ÀÌÅͺ£À̽º ÃÖÀûÈ­¿Í Äõ¸® È¿À²¼ºÀ» ³ôÀÌ °Ë»ö ¼º´ÉÀ» °³¼±ÇÏ´Â ¹æ¹ý
2,889
°£´ÜÇÑ °Ô½ÃÆÇ ¸¸µé±â
2,888
PHPÀÇ php.ini ÆÄÀÏ¿¡¼­ ¼³Á¤ÇÒ ¼ö ÀÖ´Â ÁÖ¿ä Ç׸ñµéÀ» Ä«Å×°í¸®º°·Î Á¤¸®
2,887
À¯Æ©ºê µ¿¿µ»óÀÇ ½æ³×ÀÏ À̹ÌÁö¸¦ üũÇÏ¿© À¯È¿ÇÑ ¿µ»óÀ̾ƴҶ§ ¿¬°áµÈ üũ¹Ú½º¸¦ ÀÚµ¿À¸·Î üũ
2,886
À̹ÌÁö URLÀÌ À¯È¿ÇÏÁö ¾ÊÀ» ¶§, ÇØ´ç À̹ÌÁö¿Í ¿¬°áµÈ üũ¹Ú½º¸¦ ÀÚµ¿À¸·Î üũ
2,885
HTTPS·Î Á¢¼ÓÇÑ »ç¿ëÀÚ¸¦ °­Á¦·Î HTTP·Î ¸®µð·º¼Ç ÇÏ·Á¸é
2,884
PHP¿¡¼­ MP3 ÆÄÀÏÀ» Á÷Á¢ ÀÐ°í ½ºÆ®¸®¹Ö Çϱâ
2,883
ÇöÀç ÆäÀÌÁö°¡ location.reload()¿¡ ÀÇÇØ »õ·Î°íħµÇ¾ú´ÂÁö
2,882
ÅØ½ºÆ® ÆÄÀÏÀ» Àаí, °¢ ÁÙÀÇ ³¡¿¡¼­ 6±ÛÀÚ¸¦ »èÁ¦ÇÑ ÈÄ, °á°ú¸¦ »õ·Î¿î ÆÄÀÏ¿¡ ÀúÀåÇÕ´Ï´Ù.
2,881
cURLÀ» »ç¿ëÇÏ¿© ¸®´ÙÀÌ·ºÆ®¸¦ µû¶ó°¡ ÃÖÁ¾ URL °¡Á®¿À±â
2,880
[PHP] $_SERVER ȯ°æº¯¼ö
2,879
10Áø¼ö <-> 16Áø¼ö º¯È¯±â PHP¼Ò½º
2,878
ÅØ½ºÆ®¿¡ Á÷Á¢ ±×¶óµ¥ÀÌ¼Ç »ö»óÀ» Àû¿ëÇÏ·Á¸é?
2,877
CSS¸¦ »ç¿ëÇÏ¿© ¿ä¼ÒÀÇ ³»¿ë¹°¿¡ µû¶ó width¸¦ Á¶Á¤ÇÏ´Â ¹æ¹ý
2,876
À¥¼­¹ö ip È®ÀÎ
2,875
À¥È£½ºÆÃÀÇ Àý´ë°æ·Î¸¦ È®ÀÎ
2,874
input ÀÔ·Â ÇÊµå ¾ÕµÚ °ø¹é ½Ç½Ã°£ Á¦°Å
2,873
Placeholder Æ÷Ä¿½º½Ã °¨Ãß±â
2,872
MySQL Áߺ¹µÈ µ¥ÀÌÅ͸¦ »èÁ¦
2,871
MySQL Áߺ¹ µ¥ÀÌÅÍ È®ÀÎ
2,870
sessionStorage.getItem ¿Í sessionStorage.setItem
2,869
Á¦ÀÌÄõ¸® ·£´ýÀ¸·Î ¹è°æ»ö º¯°æ
2,868
preg match¿¡ °üÇÑ Á¤±Ô½Ä
2,867
Stream an audio file with MediaPlayer ¿Àµð¿À ÆÄÀÏ ½ºÆ®¸®¹Ö Çϱâ
2,866
Audio Streaming PHP Code
2,865
PHP $ SERVER ȯ°æ º¯¼ö Á¤¸®
2,864
Vimeo (ºñ¸Þ¿À) API ¸¦ »ç¿ëÇÏ¿© Ç÷¹À̾î ÄÁÆ®·ÑÇϱâ
2,863
iframe »ç¿ë½Ã ÇÏ´Ü¿¡ ¹ß»ýÇÏ´Â °ø¹é Á¦°Å¹æ¹ý
2,862
¾ÆÀÌÇÁ·¹ÀÓ(iframe) Àüüȭ¸é °¡´ÉÇÏ°Ô Çϱâ
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æÄ§
Copyright ¨Ï musictrot All rights reserved.