February 06, 2005
test003¡§div¥¿¥°¤Î¥Æ¥¹¥È
º¸¤Ëɽ¼¨
±¦¤Ëɽ¼¨
£±¹Ô¡¢²þ¹Ô¤µ¤ì¤Þ¤·¤¿
ºÇ¸å¤Î¹Ô
£±¹Ô¡¢²þ¹Ô¤µ¤ì¤Þ¤·¤¿
ºÇ¸å¤Î¹Ô
²ó¤ê¹þ¤ß¤ò¥¯¥ê¥¢¤·¤Æ¡¢²¼¤Ëɽ¼¨
¡¦¾åµ¤ÎÆâÍÆ
£±¡¥¥Ð¥Ã¥¯¥°¥é¥¦¥ó¥É¤Ë²èÁü¤òÇÛÃÖ¤·¡¢²èÁü¥µ¥¤¥ºÊ¬¤ÎÂ礤µ¤ÎÎΰè¤ò width, height ¤ÇÍÑ°Õ¤·¡¢°ÌÃÖ¤ò float ¤Ç left ¤Ë¤·¤Æ¤¤¤Þ¤¹¡£
<div style="width:64px; height:58px; background-image: url(http://blog01.linkclub.jp/media/484/20050123-teikoku.jpg); float:left; ">º¸¤Ëɽ¼¨
</div>
£²¡¥Æä˰ÌÃÖ¤ò float ¤Ç»ØÄꤷ¤Ê¤±¤ì¤Ð¡¢Á°¤ÎÀßÄ꤫¤é¾¡¼ê¤Ë²ó¤ê¹þ¤ß¤Þ¤¹¡£
</div>
<div style="background-color:#FFCCFF; ">±¦¤Ëɽ¼¨¡Ê<br>¤ÏÆþ¤ì¤º¡¢¤¿¤ÀËÜʸ¤Ç²þ¹Ô¤·¤¿¤À¤±¤Ç¤¹¡Ë
£±¹Ô¡¢²þ¹Ô¤µ¤ì¤Þ¤·¤¿
ºÇ¸å¤Î¹Ô
</div>
3¡¥²ó¤ê¹þ¤ß¤ò²ò½ü¤¹¤ë°Ù clear:left; ¤È¤·¤Þ¤·¤¿¡£
£±¹Ô¡¢²þ¹Ô¤µ¤ì¤Þ¤·¤¿
ºÇ¸å¤Î¹Ô
</div>
<div style="background-color:#CCFFFF; clear:left;">²ó¤ê¹þ¤ß¤ò¥¯¥ê¥¢¤·¤Æ¡¢²¼¤Ëɽ¼¨</div>
²þ¹Ô¤Ë´Ø¤·¤Æ¤Ï¡¢<br>¥¿¥°¤ÏɬÍפʤ¯¡¢ËÜʸ¤ÎÆþÎÏÍó¤Ç²þ¹Ô¤¹¤ë¤À¤±¤ÇÎɤ¤ÍͤǤ¹¡£
div ¥¿¥°¤ò¾å¼ê¤¯»È¤¨¤Ð¡¢Â¾¤Î blog ¤Ç»þ¡¹¸«³Ý¤±¤ëÍͤˡ¢¥«¥Æ¥´¥êËè¤Ë²èÁü¤òÍÑ°Õ¤·¤Æ¡¢ÀèƬ¤ËŽÉÕ¤±¤ë»ö¤¬²Äǽ¤Ê»ö¤¬Ê¬¤«¤ê¤Þ¤·¤¿¡£
¸å¤Ï padding ¤ä margin ¤ÎÀßÄê¤ò¤¹¤ì¤Ð¤è¤ê¸«¤ä¤¹¤¯¤Ê¤ê¤½¤¦¤Ç¤¹¡£
14:47:27 |
3k1 |
comments(0) |
TrackBacks