����ˤ��ϡ�10����ȿ������ǥ֥����ӥ��ͥ����˰�ư�ˤʤ�ޤ������ĤǤ���

���ʤϥǥ��쥯�������Ƥޤ��������˥�Х��륵���ȤΥޡ������åפ򤹤�Ȥ�������ޤ���������������Υ���ȥ꡼�ǥ�Х��륵���Ȥ��뤦���ǤΥΥ��ϥ���Ҳ𤷤Ƥ��ޤ������ܥ���ȥ꡼�ǤϤ⤦��������Ū�ʡ֥�Х��륵���Ȥǡ�����ɽ������ˤϡפ򤹤����ʷ�˾Ҳ𤷤Ƥߤ����Ȼפ��ޤ���

�������٤�ü���������ɽ������뤳�Ȥ��ǧ���Ƥ��ޤ���������������������ɽ������ʤ����⤢��ޤ�����λ�������������ʤ����ܥ���ȥ꡼�ǾҲ𤷤Ƥ��뵭�ҤϤ狼��䤹���褦�� style °�������ƥ���饤��ǵ��Ҥ��Ƥ��ޤ���

���Ф����طʿ�


div ����

XHTML �б���ü���Ǥ���в����Υ����Ǵ�ñ�˸��Ф����طʿ���Ĥ��뤳�Ȥ��Ǥ��ޤ���
<div style="background-color="#0000ff;">�ۤ��ۤ�</div>

table ����

table ������ȤäƤ⡢Ʊ�ͤ˸��Ф����طʿ���¸����뤳�Ȥ��Ǥ��ޤ���
<table width="100%" border="0" cellspacing="1" cellpadding="1" bgcolor="#0000ff">
<tr>
<td>�ۤ��ۤ�</td>
</tr>
&lt/table>

div ���Ѥθ��Ф��ȡ�table ���Ѥθ��Ф�����٤Ƥߤ�Ȥ��Τ褦�ˤʤ�ޤ���

image_01

div ��� table �Τۤ���ŷ�Ϻ����˼㴳;͵������Τǡ��������Ϥ����ä��Ȼפ��ޤ���

���� table �������б����Ƥ��ʤ�����ꥢ������ޤ�������ʸ���䵭��򸫽Ф������֤����ꤹ�뤳�Ȥǡ�������󥰤���ʤ����ˤ������Ƥ������ɤ����⤷��ޤ���

����˥�������Ȥ�ä������Ф�


���Ф����طʿ���Τ���������ȥΥåڥꤷ�Ƥ��ޤäơ�����̣���ʤ��ΤDz����Τ褦�˥�������Ȥ�ä��Ƥߤޤ���

div ����

<div style="background-color="#a0a0ff;"><span style="color:#0000ff;">:</span>�ۤ��ۤ�</div>

table ����

<table width="100%" cellpadding="1" cellspacing="0" border="0" bgcolor="#a0a0ff">
<tr bgcolor="#0000ff">
<td bgcolor="#0000ff"><span style="color:#0000ff;">:</span></td>
<td>�ۤ��ۤ�</td>
</tr>
</table>
����ʴ����˥�����󥰤���ޤ���

image_02

�����ϸ��Ф��äݤ��ʤä��Ǥ��礦��? ��: (������)�פ��طʿ���Ʊ�����ˤ��ơ��������⸫�Ф������˥֥��å����դ����褦�˸����Ƥ��ޤ����ۿ��˥��󥹤�̵���Τϼ�ɮ�Ԥλ��ͤǤ���

�ޡ������Ĵ��


PC �Ǥ����Ǥ��Ƥ���ˡ�Ǥ�������Х���ϥޡ�����Ĵ���˥��ڡ��������᡼�� (Ʃ�� GIF) ��Ȥ��ޤ� (��ɮ������)��br �� hr �ǤϤɤ����Ƥ⥭��ꥢ�֤˺����ФƤ��ޤ��Τǡ��٤����ޡ�����Ĵ���ϥ��ڡ��������᡼������餶������ޤ���
<img src="spacer.gif" width="1" height="5" />
height °���ͤǶ����������ͤ���ꤷ�ޤ������������Ѥ���ʬ���������ե����뤬�ꥯ�����Ȥ���뤳�Ȥˤʤ�ޤ��� (���Υ���ȥ꡼�Ǥ�Ʊ�ͤλ�Ŧ����Ƥ��ޤ�)��PV �⤽�������ǥǥ�����ͥ��Υڡ�����¿�Ѥ��Ƥ�������ʤ����ȳ���ڤ뤳�Ȥ⤢��ޤ���

���Τ�����Х���� CSS �ǥޡ�����Ĵ���Ǥ����������뤳�Ȥ򿮤��ơġġ�

�٤�����


��Х��륵���Ȥξ�硢�°פ� hr �����Ƿ���������ȡ�����ꥢ�ˤ�äƤϷ�������������ä���岼�Υޡ�����μ���������ѤǤ��� style °�����ۤʤä���ȡ��ճ��ȥ���������ޤ���

ʬ����䤹������� docomo �� hr �� size °���� �� 1 ����ꤷ�Ƥ⡢������ 2 px ���餤�������ˤʤ�Ȼפ��ޤ��������ǡ����ڡ��������᡼����ȤäƤ���ʵ��Ҥ򤷤ޤ���
<div style="background-color:#0000ff;"><img src="spacer.gif" width="1" height="1" /></div>
�����������ΤޤޤǤϷ����ξ岼���ԥå���ͤޤäƤ��ޤ��ޤ�����Х��륵���Ȥξ�硢�ʤ�٤�;���ͤ�뷹���ˤ���ޤ�����ɬ��;��Ȥ�����Τ⤢��Ȼפ��ޤ��Τǡ��ǽ�Ū�ˤ�
<img src="spacer.gif" width="1" height="2" />
<div style="background-color:#0000ff;"><img src="spacer.gif" width="1" height="1" /></div>
<img src="spacer.gif" width="1" height="2" />
�Ȥ��ä�����Ĵ�����Ƥ��ޤ� (�ֳ֤�Ŭ��Ĵ��)��

���ʤߤˤ�����ˡ���� au ü���Ƿ����������ʤäƤ��ޤ��Ȥ������ݤ�����ޤ��Τǡ�au ������ľ�� hr ��Ȥ����Ȥ��ä������˷����ϳ�ȥ���ꥢ���Ȥ˵��򸯤äƥ����ǥ��󥰤���ɬ�פ�����ޤ���

������Ȥä�����


�褯���� (����ץ�ʷ����ʳ�) ������������Ȥ������Ȥ�����Ȼפ��ޤ�����������3����ꥢ�б������Ȥ�������ɽ�������硢CSS �Ǥϴ������б��Ǥ��ޤ���

�ʤΤǡ����餫���������β��� 240 px �β������Ѱդ��ơ��ʲ��Τ褦�˵��Ҥ��ޤ���
<div><img src="line.gif" width="240" height="1" /></div>


�������Ǥ��礦��? �����δ�ñ�ʥޡ������åפ����ǡ���Х��륵���Ȥθ��ɤ�����ʤȰ�äƤ���Ȼפ��ޤ����ޤ�����������äˤ��Ƥ�������ΥХꥨ�����������Ȼפ��Τǡ����󻲹ͤˤʤ�ФȻפ��ޤ���

���ʤߤˤ����������Ȥ߹�碌��ȡ����Υǥ��쥯�����֥����θ��Ф��äݤ���Τ��Х��륵���Ȥǥޡ������åפǤ��ޤ� (ʬ����Ť餤�Ǥ�����)��

image_03


�����餯��Х��륵���Ȥ򥳡��ǥ��󥰤������� PC �����Ȥ�ޡ������åפ��Ƥ���ͤ��ۤȤ�ɤ��Ȼפ��ޤ�����������Х��륵���Ȥϥǥ������ͥ�褵���뤬�Τ˥��ɥۥå��ʥޡ������åפ�;���ʤ�����Ƥ��ޤ���������Ϥ��줤�� HTML �ǥޡ������åפǤ���������뤳�ȤǤ��礦��

���Υ���ȥ꡼��񤯤ˤ����ꡢ�ʲ��ν��Ҥ����Ƥ򻲹ͤˤ����Ƥ��������ޤ���������ꥢ���Ȥ� CSS °��������Ǹ��뤳�Ȥ��Ǥ���Τǡ֤������� CSS �Ȥ��ʤ�����ä�?�פȤ����Ȥ��˳��Ѥ����Ƥ��������Ƥ��ޤ���

���ͽ���: ���ӥ����� �����ǥ���&�ǥ�����

�饤�֥ɥ��Ǥϥޡ������åפ⹥���ʥǥ��쥯�������罸���Ƥ��ޤ���