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

À̹ÌÁöÀÇ »ö»óÀ» ³»¸¾´ë·Î
13³â Àü
ȨÆäÀÌÁö Á¦À۽à ¹öÆ° À̹ÌÁö º¯°æÀÌ ¸Å¿ì ¹ø°Å·Ó°Ô ±ÍÂúÀº ÀÏÀÌÁÒ
ÀÌ°ÍÀ» ½ºÅ¸ÀϽÃÆ®·Î ¼Õ½±°Ô º¯°æÇÒ¼ö ÀÖ½À´Ï´Ù.
Åõ¸í GIF ¶Ç´Â PNG À̹ÌÁö¿Í ½ºÅ¸ÀϽÃÆ®¸¦ È°¿ëÇÏ¸é ¾ÆÁÖ ¼Õ½±°Ô º¯°æÇÒ ¼ö ÀÖ½À´Ï´Ù.

<style type="text/css">
.icon {
      background-color:#f00;
      background-image: url(/i/rounded_bg.gif);
      background-repeat: no-repeat;
}

.blue {
      background-color:#00f;
}
</style>

<img class="icon" src="icon.gif" alt="icon" />

Within the CSS, we set the background color and the framing background image (i.e. rounded corners). I keep the framing separate because I feel it adds a level of flexibility to the icon. Rounded corners may be perfect for some designs, but not others. My goal was to try to set the icon in the most generic state and the use CSS to fill in the blanks.



Âü°íÀÚ·á
http://somerandomdude.com/projects/sanscons/
ÃßõÃßõ : 422 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
115
Á¦ÀÌÄõ¸® ·£´ýÀ¸·Î ¹è°æ»ö º¯°æ
114
CSS border-image ¼Ó¼º
113
À̹ÌÁö ¾øÀ»¶§ ´ëü À̹ÌÁö Ãâ·Â
112
3D ÀÔü °¶·¯¸® (¹Ù¶÷°³ºñ ´À³¦) »ó,ÇÏ,ÁÂ,¿ì µå·¡±× °¡´É
111
3D ÀÔü °¶·¯¸®
110
½æ³×ÀÏ ¼Ò½º[GD »ç¿ë]
109
PHP¸¦ ÀÌ¿ëÇÑ À̹ÌÁö »çÀÌÁî ÆíÁý¸¶½ºÅÍ
108
À̹ÌÁöÀÇ °¡·ÎÅ©±â°¡ ÁöÁ¤ÇÑ °Íº¸´Ù Å©¸é ÀÚµ¿ Å©±â Ãà¼Ò/È®´ë
107
À̹ÌÁö°¡ ÁöÁ¤Å©±âº¸´Ù Ŭ ¶§¸¸ ÀÚµ¿¸®»çÀÌÁî
106
1 ºÐ¸¶´Ù ºü²î´Â ¹è°æ
105
html ÆÄÀÏ ¾øÀÌ À̹ÌÁö Å©±â´ë·Î â ¶ç¿ì±â - ½ºÅ©¸³Æ®¼Ò½º
104
À̹ÌÁö°¡ ¾øÀ»¶§ noimg Ãâ·Â
103
À̹ÌÁö »çÀÌÁ ¾Ë·ÁÁÖ´Â ÇÔ¼ö
102
À̹ÌÁö¿¡ ¸¶¿ì½º ¿À¹ö½Ã È¿°úÁÖ±â
101
¹è°æÀ̹ÌÁö ¿ÞÂÊ, ¿À¸¥ÂÊ, °¡¿îµ¥ ¿¡ °íÁ¤½ÃÅ°±â
100
¹Ìµð¾î Ç÷¹À̾î, ¹öÆÛ¸µ, Àç»ý, Á¤Áö, ÀϽÃÁ¤Áö
99
ÅؽºÆ® Çʵ忡 ÀÖ´Â À̹ÌÁö¸¦ ¸¶¿ì½º Ŭ¸¯½Ã »ç¶óÁö°Ô Çϱâ!
98
À̹ÌÁöÅ©±â·Î »õâ¶ç¿ì±â, ¶ç¿îâ À̹ÌÁö Ŭ¸¯Çϸé â´Ý±â
97
jpg ·Îµå¹«ºñ½Ã ÇÁ¸®·Î´õ ´Þ±â
96
·¹ÀÌ¾î ¾ÈÀÇ À̹ÌÁö ¸¶¿ì½º·Î Áöµµ ¿òÁ÷À̵íÀÌ À̵¿ÇÏ´Â ÀÚ¹Ù½ºÅ©¸³Æ®
95
ű׷Πpng Åõ¸í À̹ÌÁö ó¸®Çϱâ
94
¹è°æÀ̹ÌÁö °íÁ¤(body/table) - background-repeat: no-repeat;
93
À̹ÌÁö¸¦ ÁöÁ¤µÈ ºñÀ²·Î ÀÚ¸£±â (crop)
92
À̹ÌÁö ¿¡·¯½Ã ´ëüÀ̹ÌÁö Ç¥Çö
91
jQuery ¾Ö´Ï¸ÞÀÌÆ®·Î ¸¸µé¾îº¸´Â À̹ÌÁö ½½¶óÀÌ´õ¿Í Àü±¤ÆÇ
À̹ÌÁöÀÇ »ö»óÀ» ³»¸¾´ë·Î
89
jquery À̹ÌÁö ½½¶óÀ̵å
88
jquery À̹ÌÁö ºä¾î
87
À̹ÌÁö °æ·Î ¿¡·¯½Ã ´ëü À̹ÌÁö º¸¿©ÁÖ±â(¿¢¹Ú ¾È¶ß°ÔÇϱâ) - onError Event
86
HTML¹®¼­¿¡ ±×¶óµ¥ÀÌ¼Ç Ç¥ÇöÇϱâ
1234
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æħ
Copyright ¨Ï musictrot All rights reserved.