1. Mac鐃塾ホ￥申鐃緒申據鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃� > 
  2. 無鐃緒申鐃循￥申鐃緒申據鐃緒申鐃緒申鐃緒申鐃� > 
  3. HTML鐃緒申2鐃緒申鐃緒申鐃曙イ鐃緒申鐃緒申鐃夙わ申鐃術刻申鐃緒申鐃緒申鐃緒申法

HTML鐃緒申2鐃緒申鐃緒申鐃曙イ鐃緒申鐃緒申鐃夙わ申鐃術刻申鐃緒申鐃緒申鐃緒申法

2014/04/19

鐃潤イ鐃藷コワ申謄鐃緒申鐃緒申分鐃緒申複鐃緒申鐃塾ワ申鐃緒申鐃叔駈申鐃准わ申函鐃緒申諭鐃緒申幣鐃緒申鐃薯見やす鐃緒申鐃叔載わ申鐃緒申鐃緒申鐃緒申任鐃緒申泙鐃緒申鐃�
鐃緒申鐃緒申僚鐃緒申鐃緒申離鐃緒申鐃竣ワ申據鐃緒申鐃�鐃緒申鐃術意わ申鐃殉わ申鐃緒申鐃塾で￥申鐃緒申鐃緒申鐃緒申鐃緒申鐃銃と逸申鐃祝わ申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申

鐃緒申鐃緒申鐃夙は￥申

鐃緒申鐃緒申鐃夙はワ申鐃緒申謄鐃縦わ申鐃緒申了鐃緒申任鐃緒申鐃緒申鐃�2鐃緒申鐃緒申鐃祝わ申鐃緒申廚箸鐃緒申鐃緒申鐃緒申鐃淑�鐃緒申鐃緒申笋刻申鐃緒申泙任鐃緒申鐃緒申鐃緒申鐃緒申鐃夙￥申鐃淑駕申鐃塾よう鐃祝なわ申泙鐃緒申鐃緒申鐃渋�鐃緒申1鐃緒申鐃緒申鐃叔駕申側鐃緒申2鐃緒申鐃緒申鐃叔わ申鐃緒申

column_001

2鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃叔載でわ申鐃緒申鐃緒申鐃渋随申鐃緒申鐃渋常申離據鐃緒申鐃緒申離鐃緒申鐃銃ワ申弔両匆陲垢鐃緒申鐃淑どに鰹申鐃術でわ申鐃殉わ申鐃緒申 鐃緒申鐃緒申任麓尊櫃縫瓮わ申鵐灰鐃銃ワ申鐃緒申鐃淑�鐃緒申2鐃緒申鐃緒申鐃緒申鐃術刻申鐃緒申鐃銃みまわ申鐃順う鐃緒申

HTML鐃塾緒申鐃緒申

鐃潤イ鐃藷コワ申謄鐃緒申鐃緒申分鐃祝￥申鐃緒申側鐃緒申鐃緒申側鐃塾ワ申鐃緒申謄鐃縦わ申颪�ワ申鐃所ア鐃緒申鐃緒申泙鐃緒申鐃�
鐃淑駕申鐃塾ワ申鐃緒申鐃緒申鐃緒申鐃緒申鐃宿わ申#main鐃緒申鐃緒申媛辰鐃緒申討鐃緒申鐃緒申鐃緒申鐃緒申鐃�

<div class="two-column">
	<div class="two-column-left">
		<h2>鐃緒申鐃緒申鐃緒申鐃�</h2>
		鐃緒申側鐃塾ワ申鐃緒申鐃緒申鐃緒申鐃暑コ鐃緒申謄鐃縦をこわ申鐃祝書きまわ申鐃緒申
	</div>

	<div class="two-column-right">
		<h2>鐃緒申鐃緒申鐃緒申鐃�</h2>
		鐃緒申側鐃塾ワ申鐃緒申鐃緒申鐃緒申鐃暑コ鐃緒申謄鐃縦をこわ申鐃祝書きまわ申鐃緒申
	</div>
</div>

CSS鐃緒申鐃宿駕申

鐃緒申鐃祝ワ申鐃緒申鐃緒申鐃暑シ鐃緒申鐃夙わ申鐃宿加わ申鐃銃￥申鐃曙イ鐃緒申鐃緒申鐃夙わ申鐃緒申鐃緒申鐃殉わ申鐃緒申
鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃宿をコピ￥申鐃緒申鐃緒申鐃緒申鐃緒申任鐃緒申匹鐃緒申任鐃緒申鐃緒申鐃緒申鐃緒申箸澆鐃緒申鐃緒申鬚垢鐃緒申鐃緒申鐃叔わ申鐃緒申弌鐃緒申諭鐃緒申焚媾鐃叔縁申鐃術でわ申鐃殉わ申鐃塾で￥申鐃叔わ申鐃緒申仍鐃緒申箸澆鐃緒申鐃緒申鬚垢鐃処う鐃祝わ申鐃殉わ申鐃順う鐃緒申

#main .two-column-left{
	width:305px;/*鐃緒申鐃緒申305px鐃祝醐申鐃緒申*/
	float:left;/*鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申*/
	padding:10px 5px 10px 5px;/*余鐃緒申鐃緒申鐃緒申蠅件申童鐃緒申笋刻申鐃緒申鐃緒申鐃�*/
}
#main .two-column-right{
	width:305px;/*鐃緒申鐃緒申305px鐃祝醐申鐃緒申*/
	float:left;/*鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申*/
	padding:10px 5px 10px 5px;/*余鐃緒申鐃緒申鐃緒申蠅件申童鐃緒申笋刻申鐃緒申鐃緒申鐃�*/
}

/*------------------------------------------------------------
float鐃塾駕申鐃緒申鐃淳わ申鐃緒申
-------------------------------------------------------------*/
#main .two-column:after{
	content : '';
	display : block;
	clear : both;
	height:0;
}

鐃緒申側鐃塾ワ申鐃緒申鐃夙縁申側鐃塾ワ申鐃緒申爐�同鐃緒申鐃緒申鐃緒申砲覆辰討鐃緒申鐃緒申鐃祝わ申鐃緒申鐃重わ申鐃叔わ申鐃順う鐃緒申鐃緒申

鐃緒申鐃緒申魯瓮わ申鵐灰鐃銃ワ申鐃緒申鐃淑�鐃塾駕申鐃緒申鐃塾￥申鐃緒申鐃順う鐃宿随申鐃緒申鐃緒申悩鐃緒申鐃緒申離鐃緒申鐃緒申鐃緒申鐃准ってわ申鐃緒申里鐃銃縁申鐃緒申鐃緒申鐃祝なってわ申鐃殉わ申鐃緒申鐃緒申鐃緒申側鐃塾ワ申鐃緒申鐃緒申鐃緒申鐃薯広わ申鐃緒申鐃銃縁申側鐃塾ワ申鐃緒申鐃薯狭わ申鐃緒申鐃緒申鐃緒申鐃夙わ申鐃獣わ申鐃緒申鐃祝は￥申鐃緒申鐃曙ぞ鐃緒申離鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申width鐃塾ピワ申鐃緒申鐃緒申鐃緒申砲鐃緒申僂鐃緒申襪鰹申箸鐃緒申弍鐃緒申任鐃緒申泙鐃緒申鐃�

3鐃緒申鐃緒申鐃祝わ申鐃緒申鐃緒申鐃緒申能鐃叔わ申

同鐃緒申鐃粛わ申鐃緒申鐃叔ワ申鐃緒申鐃緒申鐃緒申鐃緒申鐃宿わ申鐃術わ申鐃緒申鐃�3鐃緒申鐃緒申鐃祝わ申鐃緒申鐃緒申鐃緒申能鐃叔わ申鐃緒申鐃緒申鐃緒申鐃塾ワ申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申任蓮鐃�3鐃縦のワ申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申屬鐃緒申討鐃緒申泙鐃緒申鐃�

HTML鐃塾緒申鐃緒申 
<div class="three-column">
	<div class="three-column-left">
		<h2>3鐃緒申鐃緒申鐃淑削申鐃緒申</h2>
		鐃緒申側鐃塾ワ申鐃緒申鐃緒申鐃緒申鐃暑コ鐃緒申謄鐃縦をこわ申鐃祝書きまわ申鐃緒申
	</div>

	<div class="three-column-center">
		<h2>3鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃�</h2>
		鐃緒申鐃緒申離鐃緒申鐃緒申鐃緒申鐃緒申襯鰹申鐃銃ワ申弔鬚海鐃緒申暴颪�まわ申鐃緒申
	</div>

	<div class="three-column-right">
		<h2>3鐃緒申鐃緒申鐃淑縁申鐃緒申</h2>
		鐃緒申側鐃塾ワ申鐃緒申鐃緒申鐃緒申鐃暑コ鐃緒申謄鐃縦をこわ申鐃祝書きまわ申鐃緒申
	</div>
</div>
CSS鐃塾緒申鐃緒申 
#main .three-column-left{
	float:left;
	width:200px;
	padding:10px 5px 10px 5px;
}
#main .three-column-center{
	float:left;
	width:200px;
	padding:10px 5px 10px 5px;
}
#main .three-column-right{
	float:left;
	width:200px;
	padding:10px 5px 10px 5px;
}
/*------------------------------------------------------------
float鐃塾駕申鐃緒申鐃淳わ申鐃緒申
-------------------------------------------------------------*/
#main .two-column:after,
#main .three-column:after{
	content : '';
	display : block;
	clear : both;
	height:0;
}

鐃緒申鐃殉りカ鐃緒申鐃緒申鐃緒申鐃緒申鐃巡し鐃銃わ申鐃殉わ申鐃夙￥申鐃述とつひとつのワ申鐃緒申鐃塾駕申鐃緒申鐃緒申鐃緒申鐃緒申鐃淑わ申泙鐃緒申里如鐃緒申鐃緒申鐃緒申辰鴇鐃緒申鐃緒申匹澆砲鐃緒申鐃緒申覆辰討鐃緒申泙鐃緒申鐃緒申發�鐃緒申泙鐃緒申鐃�
鐃緒申鐃緒申鐃熟ほどほどの随申鐃緒申鐃殉わ申鐃銃常申鐃緒申鐃叔載わ申鐃緒申茲�鐃祝わ申鐃殉わ申鐃順う鐃緒申

Facebook鐃准￥申鐃緒申
鐃粛居申鐃緒申鐃緒申
    <% if (comment) { %>
    <% } else if (retweet) { %>
    <% } else if (pv) { %>
    <%= article.count %>PV
    <% } %>
    <%= article.title %>
    鐃叔随申鐃緒申鐃緒申
    Mac鐃叔ワ申鐃緒申鐃所ー鐃藷シワ申奪箸鮖�わ申鐃緒申法
    鐃初イ鐃瞬ドワ申鐃瞬ワ申鐃緒申鐃緒申鐃緒申討鐃緒申鐃緒申鐃緒申鐃銃ワ申聴鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申法
    HTML鐃叔メー鐃緒申侫鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃祝�
    HTML鐃祝テ￥申鐃瞬ワ申鐃緒申鐃緒申鐃緒申鐃銃デワ申鐃緒申鐃藷すわ申鐃緒申法
    HTML鐃緒申2鐃緒申鐃緒申鐃曙イ鐃緒申鐃緒申鐃夙わ申鐃術刻申鐃緒申鐃緒申鐃緒申法