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 style="background-color:#FFCCFF; ">±¦¤Ëɽ¼¨¡Ê<br>¤ÏÆþ¤ì¤º¡¢¤¿¤ÀËÜʸ¤Ç²þ¹Ô¤·¤¿¤À¤±¤Ç¤¹¡Ë
£±¹Ô¡¢²þ¹Ô¤µ¤ì¤Þ¤·¤¿
ºÇ¸å¤Î¹Ô
</div>
3¡¥²ó¤ê¹þ¤ß¤ò²ò½ü¤¹¤ë°Ù clear:left; ¤È¤·¤Þ¤·¤¿¡£
<div style="background-color:#CCFFFF; clear:left;">²ó¤ê¹þ¤ß¤ò¥¯¥ê¥¢¤·¤Æ¡¢²¼¤Ëɽ¼¨</div>


²þ¹Ô¤Ë´Ø¤·¤Æ¤Ï¡¢<br>¥¿¥°¤ÏɬÍפʤ¯¡¢ËÜʸ¤ÎÆþÎÏÍó¤Ç²þ¹Ô¤¹¤ë¤À¤±¤ÇÎɤ¤ÍͤǤ¹¡£
div ¥¿¥°¤ò¾å¼ê¤¯»È¤¨¤Ð¡¢Â¾¤Î blog ¤Ç»þ¡¹¸«³Ý¤±¤ëÍͤˡ¢¥«¥Æ¥´¥êËè¤Ë²èÁü¤òÍÑ°Õ¤·¤Æ¡¢ÀèƬ¤ËŽÉÕ¤±¤ë»ö¤¬²Äǽ¤Ê»ö¤¬Ê¬¤«¤ê¤Þ¤·¤¿¡£
¸å¤Ï padding ¤ä margin ¤ÎÀßÄê¤ò¤¹¤ì¤Ð¤è¤ê¸«¤ä¤¹¤¯¤Ê¤ê¤½¤¦¤Ç¤¹¡£


14:47:27 | 3k1 | comments(0) | TrackBacks