|
![](icon/private_name/1.gif) |
14³â Àü |
ȨÆäÀÌÁö Á¦À۽à ¹öÆ° À̹ÌÁö º¯°æÀÌ ¸Å¿ì ¹ø°Å·Ó°Ô ±ÍÂúÀº ÀÏÀÌÁÒ
ÀÌ°ÍÀ» ½ºÅ¸ÀϽÃÆ®·Î ¼Õ½±°Ô º¯°æÇÒ¼ö ÀÖ½À´Ï´Ù.
Åõ¸í 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/
|
|
̵̧ : 465 |
̵̧
¸ñ·Ï
|
|